MFMEA-VUE-V1.0/vue.config.js

const path = require("path");
// npm install --save-dev hard-source-webpack-plugin
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
// function resolve(dir) {
//     return path.join(__dirname, dir)
// }
const CompressionPlugin = require("compression-webpack-plugin");
const isProd = process.env.NODE_ENV === "production";
const Timestamp = new Date().getTime();
const webpack = require("webpack");
module.exports = {
  configureWebpack: {
    // 支持全局jquery
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ]
  },
  assetsDir: "assets",
  publicPath:
    process.env.VUE_APP_MERGE == 1
      ? process.env.VUE_APP_BASE_URL_MFE + "/"
      : "", //合并三个应用
  lintOnSave: false,
  productionSourceMap: process.env.NODE_ENV == "development" ? true : false, //process.env.NODE_ENV == 'development' ? true : false
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "src/styles/mixins.less")]
    }
  },
  chainWebpack: (config) => {
    // 开发环境，cach能减少run dev,run build的70%的运行时间
    // production 环境，由于文件需要加时间戳，导致缓存没有意义。去掉随机文件名的配置，可以减少60%的打包时间。
    // 最终，开发环境，加载cach插件；production环境，不加载！
    if (!isProd) {
      config.plugin('cache').use(HardSourceWebpackPlugin);
      // config.cache(true);
    }
    // 移除prefetch插件，避免加载多余的资源
    config.plugins.delete('prefetch');
    if (isProd) {
      config.output.filename("js/[name]." + Timestamp + ".js").end();
      config.output.chunkFilename("js/[name]." + Timestamp + ".js").end();
      config.plugin("extract-css").tap((args) => [
        {
          filename: `css/[name].${Timestamp}.css`,
          chunkFilename: `css/[name].${Timestamp}.css`
        }
      ]);
    }
    config.module
      .rule("fonts")
      .use("url-loader")
      .loader("url-loader")
      .tap((options) => {
        options["limit"] = 4096;
        options["publicPath"] = process.env.VUE_APP_BASE_URL_MFE + "/"; // **重点：添加路径
        return options;
      });
    // if prod is on
    // assets require on cdn
    // if (isProd) {
    //   //isProd
    //   config.plugin("html").tap((args) => {
    //     args[0].cdn = assetsCDN;
    //     return args;
    //   });
    // }
    if (process.env.NODE_ENV === 'production') {
      config.plugin('compressionPlugin').use(
        new CompressionPlugin({
          filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
          algorithm: 'gzip', // 使用gzip压缩
          test: /\.(js|css|less)$/, // 匹配文件名
          threshold: 10240, // 对超过10k的数据压缩
          minRatio: 0.8, // 压缩率小于0.8才会压缩
          deleteOriginalAssets: true // 删除源文件
        }));
    }
  },
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          'primary-color': '#1890ff',
          'font-family': '宋体',
          'border-radius-base': '4px',
          'link-color': '#1890FF',
          'btn-border-radius-base': '4px',
          'btn-default-bg': '#FFFFFF',
          'btn-default-border': '#1890ff',
          'btn-default-color': '#1890FF',
          'btn-disable-color': '#9C9FAC',
          'select-border-color': '#CED0D8',
          'select-item-active-bg': '#F5F6F7',
          'select-item-selected-bg': '#F6F7FA',
          'select-dropdown-line-height': '#F6F7FA',
          'layout-header-height': '56px',
          'layout-body-background': '#FFFFFF', //底背景色，原为默认灰底
          'table-row-hover-bg': '#F5F6F7',
          'form-item-trailing-colon': 'false',
          'label-color': '#41475E',
          'input-bg': '#FFFFFF',
          'input-border-color': '#CED0D8',
          'card-background': '#FFFFFF',
          'card-radius': '4px',
          'card-skeleton-bg': '#9C9FAC',
          'table-row-hover-bg': '#fafafa',
          'form-item-margin-bottom': '0px',
        },
        javascriptEnabled: true
      }
    }
  },
  devServer: {
    host: 'localhost',
    port: 8084,
    disableHostCheck: true,
    proxy: {
      "/DFMEA": {
        target: "http://localhost:8082",//接口的地址
        // target: "http://1.117.58.199:8090",//接口的地址
        changeOrigin: true,
        pathRewrite: {
          "^/DFMEA": "/DFMEA"
        }
      }
    }
  }
};