vue.config.js

module.exports = {
  lintOnSave: false,
  //基本路径
  // publicPath:'/wxt/',
  publicPath:'/',
  //构建输出目录
  outputDir:'dist',  
  //静态资源目录
  // assetsDir: "static",
  //html输出 路径
  // indexPath: "index.html",
  // 文件名哈希
  filenameHashing:true, 
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'Index Page',
      hash: true,
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    }
  },
  // development
  // publicPath: process.env.NODE_ENV === 'production'      ? '/wxt'      : '/'  
   // 配置多个代理
  // proxy: {
  //     "/api": {
  //     target: "http://192.168.x.xxx:8090", // 要访问的接口域名
  //     ws: true, // 是否启用websockets
  //     changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
  //         pathRewrite: {
  //             "^/api": "" //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add'，直接写'/api/user/add'即可
  //             }
  //     }
  // }
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
    }
  },
  //说明 https://cli.vuejs.org/zh/guide/webpack.html
  chainWebpack: config => {
    config.plugin("html").tap(args => {
      // template=''
      args[0].title='第三方应用管理中心';
      //参考 https://www.cnblogs.com/coolestcode/p/15718642.html
      if (process.env.NODE_ENV === 'production') {//添加判断
         args[0].cdn={css:[],js:[]};  
      } else {
        args[0].cdn={css:[],js:[]};
      }
      return args;
    })
  }

}