epmet-work-pc/vue.config.js

/**
 * 配置参考: https://cli.vuejs.org/zh/config/
 */
const IS_PROD = ["production", "test"].includes(process.env.NODE_ENV);
const FileManagerPlugin = require("filemanager-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
module.exports = {
  baseUrl: process.env.NODE_ENV === "production" ? "" : "/epmet-work-pc",
  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: IS_PROD,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false,
  },
  chainWebpack: (config) => {
    const svgRule = config.module.rule("svg");
    svgRule.uses.clear();
    svgRule
      .test(/\.svg$/)
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader");
  },
  productionSourceMap: false,
  outputDir: "epmet-work-pc",
  assetsDir: "static",
  devServer: {
    proxy: {
      // 如果请求地址以/api打头,就出触发代理机制
      // http://localhost:9588/api/login -> http://localhost:3000/api/login
      "/linkdata/linkdata-gateway/route": {
        target: "http://bipaas.elinkservice.cn", // 我们要代理的真实接口地址
      },
      "/api": {
        // target: " https://epmet-test.elinkservice.cn/", 
       
        target: "http://219.146.91.110:30801", // 测试地址
        // target: "http://192.168.1.60:8080", // 本地地址
        // target: "https://epmet-preview.elinkservice.cn", // 演示地址
        changeOrigin: true,
        pathRewrite: {
          "^api": "",
        },
      },
    },
    open: false,
    port: 9001,
    overlay: {
      errors: true,
      warnings: true,
    },
  },
  // webpack简单配置
  configureWebpack: {
    // debuge调试配置
    devtool: "source-map",
    externals: {
      AMap: "AMap",
    },
    resolve: {
      //配置路径别名
      // /node_modules/@vue/cli-service/lib/config/base.js中已经配好的@路径，所以这里可以直接使用@
      alias: {
        "@js": "@/js",
        "@c": "@/views/components",
        "@v": "@/views",
        "@m": "@/img",
      },
    },
    optimization: {
        minimize: true,
        minimizer: [
          new TerserPlugin({
            terserOptions: {
              compress: {
                drop_console: process.env.NODE_ENV === "development" ? false :true, // 移除所有 console
                drop_debugger:  process.env.NODE_ENV === "development" ? false :true, // 移除所有 debugger
              },
            },
          }),
        ],
    },
  },
};