vue打包chunk文件过多,vue引入static目录下的文件

vue打包chunk文件过多,vue引入static目录下的文件

vuefront-endpackagingchunk-vendorsfileistoolarge.Modifyvue.config.js:justuseitdirectlyconstpath=require('path');constwebpack=require('webpack')constCompressionPlugin=require('compression-webpack-plugin')

第5行：压缩级别，1-10。数字越大，压缩效果越好，时间越长。您可以根据自己的心情更改它。第6行：压缩的文件类型。缺少的就补吧。JavaScript有两种类型。 最好把所有的写法都写下来，总有人想支持https://webpackjs/plugins/limit-chunk-count-plugin/WebPack压缩打包1.在npminstall中安装压缩插件--save-devcompression-webpack-plugin12，修改vue.config

process.env.NODE_ENV==="development"?false:true//是否删除源文件，只留下压缩包})],//分解chunk-vendors优化:{runtimeChunk:"单个安装第三方组件，增加chunk-vendors.js文件。安装完第三方组件后，需要导入minmain.js并重新 安装并打包后运行npmrunbuildforpackaging.npmi--saveant-design-vue

当vue项目打包后，生成的chunk-vendors.js文件过大时，可以通过以下方式进行优化：使用CDN引入第三方库，对于一些大型且不经常更新的第三方库（如Vue、Vuex1）。记住vue-cli3.0构建包过大，导致首屏过长的解决办法——风吹浪打-2。Vue打包chunk-vendors.js文件太大的解决办法(compression-webpack-plugin)_Kartes的博客-C_vuepackagedjs

vue项目打包上线时，chunk-vendors.js文件过大，导致页面加载缓慢。解决方案：最近在做avue项目时遇到一个问题，项目打包上线时，发现chunk-vendors.js文件也过大。 没错，第一次加载页面时，需要2.从打包中排除指定文件。如果您开发组件，则依赖的子组件将使用与父组件相同的组。对于组件，可以考虑在子组件的编译中排除引用组件的引用，防止它们直接包含在编译的release包中而导致release