vue.config.js

const path = require('path');
var webpack = require("webpack");

const publicPath = '/';
module.exports = {
  publicPath,
  devServer: {
    proxy: {
      '/Svc': {
        target: 'http://222.223.86.32:18081',
        ws: true,
        changeOrigin: true
      }
    }
  },
  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: false,
  chainWebpack: (config) => {
    config.resolve.alias.set('@', path.resolve(__dirname, 'src/')).set('vue$', 'vue/dist/vue.esm.js');
    config.module
      .rule('svg-icon')
      .test(/\.(svg)(\?.*)?$/)
      .include.add([path.resolve(__dirname, 'src/icons')])
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]',
      });
    config.module.rule('svg').exclude.add([path.resolve(__dirname, 'src/icons')]);
    config.devtool('source-map');
  },
  pluginOptions: {
    openlayers: {
      preProcessor: "openlayers",
      patterns: path.resolve(
        __dirname,
        "../node_modules/openlayers/dist/ol.js"
      ),
    },
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        ol: "openlayers",
      }),
    ],
  },
};