vue项目打包时做优化处理的办法
在vue项目打包时会生成很多map文件,这是占打包后项目大小的很大一部分
- map文件的处理
我们编辑 /config/index.js
文件,找到其中的
productionSourceMap: true,
修改为:
productionSourceMap: false,
- 将项目打包到子目录
刚刚,我们是将文件,打包为根目录访问的。也就是说,必须在 dist 文件夹下面启动一个服务,才能把项目跑起来。
但是我们开发的大多数项目,可能是必须跑在二级目录,甚至更深层次的目录的。怎么做呢?
我们编辑 config/index.js
文件,找到:
assetsPublicPath: '/',
把 ‘/’ 修改为你要放的子目录的路径就行了。这里,我要放到 /dist/ 目录下面。于是,我就把这里修改为
assetsPublicPath: '/dist/',
然后,重新运行