dist中增加配置文件

场景：比如标签页的title，可以在前端包中直接修改配置文件予以更新，而不需要前端重新打包。

1. 增加配置文件

// 路径：public/config.js
window.globalConfig = {
  title: 'aaa',
}

2. html中引入

// head标签内
<script type="text/javascript" src="config.js"></script>

3. vue.config.js配置

// 不配置的话，config.js则直接会被打包，这里是直接拷贝  
chainWebpack: (config) => {
    config.plugin('copy').use(require('copy-webpack-plugin'), [
      [
        {
          from: './public/config.js',
          // to  不配置则默认dist根目录
        },
      ],
    ])
  },

vue-cli版本比较新的话，默认public不打包，可以省略，我这个版本的vue-cli不使用这个插件，默认打包了

4. 测试

// 更改前
console.log('title', window.globalConfig.title) // aaa

// 更改后（config.js文件中title改为bbb'）
console.log('title', window.globalConfig.title) // bbb