ShuoHuang/vue.config.js

module.exports = {
  publicPath: "",
  parallel: require("os").cpus().length > 1,
  css: {
    extract: process.env.NODE_ENV === "production", //false表示开发环境, true表示生成环境
    sourceMap: process.env.NODE_ENV !== "production",
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-px-to-viewport")({
            unitToConvert: "px", //需要转换的单位，默认为px
            viewportWidth: 1920, //视窗的宽度
            viewportHeight: 1080, //视窗的高度
            unitPrecision: 5, //单位转换后保留的精度
            propList: [
              //能转换为vw的属性列表
              "*",
            ],
            viewportUnit: "vw", //希望使用的视口单位
            // fontViewportUnit: "rem",//字体使用的视口单位
            selectorBlackList: [], //需要忽略的css选择器，不会视为视口单位 使用原有的px等单位
            minPixelValue: 0, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
            mediaQuery: false, //媒体查询里的单位是否需要转换单位
            replace: true, // 是否直接更换属性值，而不添加备用属性
            excluded: /(\/|\\)(node_modules)(\/|\\)/, //忽略某些文件夹下或特定文件，例如"node_modules"下的文件
          }),
        ],
      },
    },
  },
  productionSourceMap: false,

  lintOnSave: false,
  devServer: {
    overlay: {
      warning: false,
      errors: false,
    },
    proxy: {
      // 配置多个跨域
      "/default": {
        target: "http://localhost111:6001",
        changeOrigin: true,
        logLevel: "debug",
        pathRewrite: {
          "^/default": "",
        },
      },
      "/sso/login": {
        target: "http://10.48.37.32:9100/sso/login",
        changeOrigin: true,
        logLevel: "debug",
        pathRewrite: {
          "^/sso/login": "",
        }
      },
      "/labeled": {
        target: "http://localhost111:6001",
        changeOrigin: true,
        logLevel: "debug",
        pathRewrite: {
          "^/source": "/source",
        },
      },
      //路径规划代理
      "/FUNC_ROUTEPLAN": {
        target: "http://10.3.102.90:8080",
        changeOrigin: true,
        logLevel: "debug",
        pathRewrite: {
          "^/FUNC_ROUTEPLAN": "",
        },
      },
      // '/MapThree': {
      //     target: 'http://172.28.9.86:8085',
      //     changeOrigin: true,
      //     logLevel: 'debug',
      //     pathRewrite: {
      //         '^/MapThree': '/MapThree'
      //     }
      // },
    },
  },
  chainWebpack: (config) => {
    config.module
      .rule("file")
      .test(/\.cur$/)
      .use("file-loader")
      .loader("file-loader")
      .tap(() => ({
        name: "static/cursor/[name].[ext]",
      }))
      .end();
  },
  configureWebpack: {
    devtool: "source-map",
  },
};