这篇文章主要介绍了关于vue-cli 2.x 项目优化之引入本地静态库文件,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

vue-cli 将静态资源文件放到 static 文件夹下并引用:

1.将 node_modules 下相应的 xxx.min.js,复制到项目 static 文件夹下

2.index.html 修改

添加script引入

3.修改 build/webpack.base.conf.js 文件:

注释掉下面这行resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

// 'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

}

},

添加externals部分(externals 和 resource 同级)。externals: {

'vue': 'Vue',

'vue-router': 'VueRouter'

},demo地址:https://github.com/cag2050/vu...

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

php 调用dll静态库,vue-cli 2.x 项目优化之引入本地静态库文件相关推荐

  1. vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程

    最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...

  2. cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程

    最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...

  3. vue 转为静态html,Vue CLI 3使用:HTML和静态资源(五)

    HTML public/index.html 文件是一个会被 html-webpack-plugin 处理的模板.构建中,各种资源路径会被注入解析.可以使用 lodash template 语法插入内 ...

  4. Vue CLI构建SPA项目教你手把手创建SPA项目

    下载安装Vue-CLI 官方文档:https://cli.vuejs.org/zh/ 首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本. 然后,我们就可以使用 npm 来安装 vue/ ...

  5. vue CLI脚手架搭项目

    1.安装 node.js环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd打开终端,输入node -v ,npm - ...

  6. Vue CLI脚手架新建项目

    Windows PowerShell 版权所有(C) Microsoft Corporation.保留所有权利.安装最新的 PowerShell,了解新功能和改进!https://aka.ms/PSW ...

  7. 通过Vue CLI 4创建项目

    1.安装Vue CLI 4 前提是你已经安装了Node(自带npm),Node版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上). Vue CLI 的 ...

  8. vue组件引入本地静态图片

    vue2组件引入本地图片的的两种方式: 1,使用@引入: 这是在组件内直接引用和普通的html方法一样,代码如下 <img src="@/assets/test.png" a ...

  9. 项目开发中引入外部字体库

    前端web项目 下载字体库(如:方正兰亭中黑_GBK.ttf) 全局引入 @font-face {font-family: "方正兰亭中黑_GBK";src: url(" ...

  10. Vue Cli 3.x项目如何部署到IIS子站点下

    Vue Router在IIS下的部署参考:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB% ...

最新文章

  1. Active Directory操作主机详解
  2. 静态反调试技术(1)
  3. linux服务器 远程桌面,如何远程桌面Linux服务器
  4. 2017第35周日乱记
  5. python saltstack web_saltstack web uiweb平台界面
  6. html5拖拽换位效果演示,HTML5拖拽(二)--dataTransfer
  7. LeetCode 1——两数之和
  8. mysql 2182_MySql常用命令总结
  9. 软件设计师:12-下午题历年真题
  10. 计算机xp系统恢复以前设置,电脑xp系统怎么恢复出厂设置,xp系统怎么恢复出厂设置...
  11. 有三个桶,两个大的可装8斤的水,一个小的可装3斤的水,现在有16斤水装满了两大桶就是8斤的桶,小桶空着,如何把这16斤水分给4个人,每人4斤。没有其他任何工具,4人自备容器,分出去的水不可再要回来。
  12. matlab upfc,UPFC是什么意思
  13. 前端使用vux中md5加密方法
  14. select函数的分析
  15. APICloud使用记录——创建项目
  16. win10下面搜索框无法搜索应用的解决方案
  17. 基于C#弹幕类射击游戏的实现——(六)爆炸效果
  18. 沈阳大学生招聘2020计算机,2020—毕业生必备的各大就业信息网站汇总
  19. POCO软件测试自学,自动化UI测试工具airtest 之V2.2 airtest文档学习POCO
  20. opencv invert()函数使用问题记录

热门文章

  1. 小程序WXML 使用小结
  2. 你知道怎么用Idea抽取方法、创建class吗?
  3. 《编程原本 》一1.8 总结
  4. 跨界合作成潮流 智能家居竞争升级
  5. Scala的模式匹配和条件类
  6. android-x86 下载地址
  7. Android API之android.view.View.MeasureSpec
  8. IBM之alphablox + tomcat 安装小记
  9. linux查看db2表空间大小,db2怎么列出当前数据库下全部表占用空间的大小
  10. python通过什么对象连接数据库_Python(十一)数据库连接