【vue项目的微前端】主项目和子项目的vue.config.js配置文件

子项目的vue.config.js:

const packageName = require('./package.json').name;
const Timestamp = new Date().getTime();

module.exports = {
  publicPath: process.env.VUE_APP_PUBLIC_PATH,
  // transpileDependencies: ['common'],
  chainWebpack: config => config.resolve.symlinks(false),
  productionSourceMap: false,
  configureWebpack: {
    output: {
      filename: `js/[name].${Timestamp}.js`,
      chunkFilename: `js/[name].${Timestamp}.js`,
      library: 'ipd-vue',
      libraryTarget: 'umd',
      jsonpFunction: `webpackJsonp_${packageName}`,
    }
  },
  devServer: {
    port: process.env.VUE_APP_PORT,
    headers: {
      'Access-Control-Allow-Origin':'*'
    },
    sockHost: `localhost:${process.env.VUE_APP_PORT}`,
    disableHostCheck: true,
    proxy: {
      //代理接口前缀为/api的请求
      '/eipApi': {
        target: 'http://xxx/UserSearch/',
        pathRewrite: {
            '^/eipApi': '/' //重写路径
        }
      }
    }
  }
}

主项目的vue.config.js：

const Timestamp = new Date().getTime();
module.exports = {
  transpileDependencies: ['common'],
  devServer: {
    sockHost: 'localhost:8080',
    disableHostCheck: true,
    headers: {
      'Access-Control-Allow-Origin':'*'
    }
  },
  configureWebpack: { // webpack 配置
    output: { // 输出重构  打包编译后的 文件名称  [模块名称.时间戳]
      filename: `js/[name].${Timestamp}.js`,
      chunkFilename: `js/[name].${Timestamp}.js`
    },
  },
  chainWebpack: config => {
    config.plugin('html')
      .tap((args) => {
        args[0].title = 'universal'
        return args
      })
  },
  productionSourceMap:false
}