vue打包后生成可配置json文件

vue打包发布后，如果配置文件等发生变更，需要重新打包，过于繁琐。

具体步骤如下：

1、安装generate-asset-webpack-plugin插件

npm install generate-asset-webpack-plugin --save-dev

2、在vue.config.js中配置如下：

const GenerateAssetPlugin = require('generate-asset-webpack-plugin');
const serverConfig = require('./src/assets/json/serverConfig.json');

const createJson = function () {
  return JSON.stringify(serverConfig);
};

module.exports = {

configureWebpack: {

   plugins: [
      new GenerateAssetPlugin({
        filename: 'serverconfig.json',

        fn: (compilation, cb) => {
          cb(null, createJson(compilation));
        },

        extraFiles: [],
      }),
    ],

  }

}

3、使用

在main.js中全局引入

//axios拦截，获取外部配置信息

if (process.env.NODE_ENV == 'development') {
  axios.get('serverconfig.json').then((res) => {
    console.log