gubersail-platform-ui/vue.config.js

const webpack = require('webpack')
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']

module.exports = {
  configureWebpack: {
    externals: {
      'AMap': 'AMap' // 高德地图JS API
    },
    // 启用gzip
    plugins: [
      new CompressionWebpackPlugin({
        algorithm: 'gzip',
        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
        threshold: 10240,
        minRatio: 0.8,
        deleteOriginalAssets: false // 是否删除源文件
      }),
      new webpack.optimize.LimitChunkCountPlugin({
        maxChunks: 5,
        minChunkSize: 100
      })
    ]
  },
  //路径前缀
  publicPath: "/",
  lintOnSave: true,
  productionSourceMap: false,
  chainWebpack: (config) => {
    //忽略的打包文件
    config.externals({
      'vue': 'Vue',
      'vue-router': 'VueRouter',
      'vuex': 'Vuex',
      'axios': 'axios',
      'element-ui': 'ELEMENT',
    });
    const entry = config.entry('app');
    entry.add('babel-polyfill').end();
    entry.add('classlist-polyfill').end();
    entry.add('@/mock').end();

    config.module
      .rule('exclude-ts-declarations')
      .test(/\.d\.ts$/)
      .use('null-loader')
      .loader('null-loader');
  },
  css: {
    extract: { ignoreOrder: true }
  },
  //开发模式反向代理配置，生产模式请使用Nginx部署并配置反向代理
  devServer: {
    port: 1024,
    proxy: {
      '/api': {
        //本地服务接口地址
        // target: 'http://127.0.0.1:1080',
        target: 'http://gubersial-api.cpolar.top',
        // target: 'http://gubersial-ui.cpolar.top',
        // target: 'https://22687sh999.goho.co',
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
  }
};