首先vue webpack打完包生成的一个vendor.js
这个js就是项目中所用的依赖
但是假如是分模块打包的话
一些公共的依赖就被重复打包进去了
找到webpack.base.conf.js
路径是module.exports这个对象中加入
externals: {
'vue': 'Vue',
'vuex': 'Vuex',
'vue-router': 'VueRouter',
'axios': 'axios',
'qs': 'Qs',
'echarts': 'echarts',
'element-ui': 'ELEMENT',
},
将这些依赖写进去，再打包时不会 参与打包
然后在index中引入一次就可以了
依赖下载到本地static文件夹内
首先vue webpack打完包生成的一个vendor.js这个js就是项目中所用的依赖但是假如是分模块打包的话一...
在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打...
最近使用vue-cli和vux做的项目，打包后文件体积过大，300k开始进行优化。 优化1：使用CDN资源,减小服...
https://www.jianshu.com/p/cd7fd063e07d[https://www.jiansh...
vue 项目优化 项目打包体积优化 通常vue项目通过webpack打包后，会出现vendor包的体积过大的情况，...
1.vue3.0配置第三方插件不打包 配置第三方插件不打包采用cdn引入是比较常见的减小包体积的办法,因为第三方插...
webpack打包，app.js、vendor.js文件较大，考虑使用cdn减小打包体积 折腾了半天，发现很容易！...
1：目的：目的是Vue团队希望帮助开发者减小web应用体积2：什么是Treeshaking TreeShaki...
前言 这是webpack打包优化【下】篇。前几篇针对性能要求高的项目从加快打包速度、减小资源体积方面入手，提出了一...
主要内容如下 代码层面的优化 缓存 http 减小打包体积 代码层面的优化 csswill-change告诉浏览器...
本文标题：vue 打包减小体积
本文链接：https://www.haomeiwen.com/subject/agpdaktx.html
网友评论