脚本宝典收集整理的这篇文章主要介绍了vue-cli 2.x 项目优化之：引入本地静态库文件-vue，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

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，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的vue-cli 2.x 项目优化之：引入本地静态库文件-vue全部内容，希望文章能够帮你解决vue-cli 2.x 项目优化之：引入本地静态库文件-vue所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。