vue-cli 2.x 项目优化之：引入本地静态库文件

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

1.将 node_modules 下相应的 xxx.min.js，复制到项目 static 文件夹下
2.index.html 修改
添加script引入

<script src="static/js/vue.min.js"></script>
<script src="static/js/vue-router.min.js"></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...

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

vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
ios 重复引用静态库_iOS项目引用静态库文件.a
由于开发的项目中使用了静态库文件(.a文件),因此专门对它进行了简单的学习.静态库文件包装的是经常使用的公共代码,便于代码的复用. 1.生成静态库文件(static library file).主要包 ...
SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下（指定文件夹下）
1.SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下(指定文件夹下) 最终效果: 前端浏览本地文件,点击上传至本地resources/static/images/imgWall下 2 ...
Vue CLI构建SPA项目教你手把手创建SPA项目
下载安装Vue-CLI 官方文档:https://cli.vuejs.org/zh/ 首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本. 然后,我们就可以使用 npm 来安装 vue/ ...
vue CLI脚手架搭项目
1.安装 node.js环境官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到安装完成后cmd打开终端,输入node -v ,npm - ...
通过Vue CLI 4创建项目
1.安装Vue CLI 4 前提是你已经安装了Node(自带npm),Node版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上). Vue CLI 的 ...
Pycharm初始创建项目和环境搭建(解决aconda库文件引入不全等问题)
1.新建工程 1．选择新建一个Pure Python项目,新建项目路径可以在Location处选择. 2.Project Interpreter部分是选择新建项目所依赖的python库,第一个选项会在 ...
项目开发中引入外部字体库
前端web项目下载字体库(如:方正兰亭中黑_GBK.ttf) 全局引入 @font-face {font-family: "方正兰亭中黑_GBK";src: url(" ...

vue-cli 2.x 项目优化之：引入本地静态库文件

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

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

最新文章

热门文章