vue项目打包时做优化处理的办法

vue项目打包时做优化处理的办法

在vue项目打包时会生成很多map文件，这是占打包后项目大小的很大一部分

1. map文件的处理

我们编辑 /config/index.js 文件，找到其中的

productionSourceMap: true,

修改为：

productionSourceMap: false,

2. 将项目打包到子目录

刚刚，我们是将文件，打包为根目录访问的。也就是说，必须在 dist 文件夹下面启动一个服务，才能把项目跑起来。

但是我们开发的大多数项目，可能是必须跑在二级目录，甚至更深层次的目录的。怎么做呢？

我们编辑 config/index.js 文件，找到：

assetsPublicPath: '/',

把 ‘/’ 修改为你要放的子目录的路径就行了。这里，我要放到 /dist/ 目录下面。于是，我就把这里修改为

assetsPublicPath: '/dist/',

然后，重新运行