背景:项目越来越大,没有网络环境1.打包优化前大小:57MTime:97983ms2.优化productionSourceMap如下Vue后项目打包后,会有很多问题.map结尾的文件,这个文件其实主要是用来跟踪错误的。如果运行有问题,它可以提醒你是哪一行代码有问题。显然,这在生产环境中是不需要的。于是找到config文件夹下的index.js。找到productionSourceMap:true,把true改成false。这将减少不必要的文件。config/index.js文件修改如下productionSourceMap:false;或者动态修改constisProduction=process.env.NODE_ENV==='production'productionSourceMap:!isProduction,Size:34.6MTime:73113ms其他方法:路由的懒加载(用过),CDN的引入也可以优化打包体积和速度。亲测无效或影响不大的方法如下:CSSM模块化:将webpack.prod.conf.js中的cssallChunks字段设置为false,这一步是将所有css文件转换为split。
