vue打包上线 优化
刚上道的小白_
这个作者很懒,什么都没留下…
展开
-
vue-cli4打包优化(webapck优化)
vue-cli4打包优化(webapck优化)一、去除生产环境sourceMapsourceMap资源映射文件,存的是打包前后的代码位置,方便开发使用,这个占用相当一部分空间module.exports = { // 根据你的实际情况更改这里 publicPath, assetsDir: 'assets', lintOnSave: true, productionSourceMap: false,}12345678二、对资源文件进行压缩需要下载 compression-原创 2020-10-16 08:37:27 · 270 阅读 · 0 评论 -
项目上线前的优化
项目上线前的优化根目录下新建vue.config.js,配置开发模式和发布模式的打包入口文件。src文件夹下新建main-prod.js和main-dev.js。复制main.js到这2个文件中。删除main.js。在vue.config.js中添加externals, 删除main-prod.js(发布阶段)中对应的css样式表,在index.html中添加相应的css连接和js连接(cnd资源),来减少打包时的体积。module.exports = { chainWebpack: conf原创 2020-09-24 21:19:06 · 134 阅读 · 0 评论