vue-cli 打包

我们都知道vue-cli打包是执行 npm run build

最后生成dist文件，里面包含index.hml和static文件

但是生成的文件名总是相同的，在有多个静态页面时难免发生冲突，

这时需要我们修改 config/index.js文件，找到build，修改其中的static就行了

const path = require('path')
build: {
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),

  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',

将其中的static更换成自己需要的文件名即可。

index.html的文件名，可以打包后自行修改，再放置到服务器的静态资源文件。

特别注意：index.html与static文件要放到服务器静态文件夹里的第一层，不能嵌套。