bocai_supplyChain_pc/vue.config.js

"use strict";
const path = require("path");
const defaultSettings = require("./src/settings.js");
// const webpack = require("webpack");
// const CompressionPlugin = require("compression-webpack-plugin");
// const zlib = require("zlib");
function resolve(dir) {
  return path.join(__dirname, dir);
}

const name = defaultSettings.title || "vue Admin Template"; // page title

const port = 8888 || process.env.port || process.env.npm_config_port; // dev port

module.exports = {
  publicPath: "./",
  outputDir: "dist",
  assetsDir: "static",
  lintOnSave: process.env.NODE_ENV === "development",
  // lintOnSave: false,
  productionSourceMap: false,
  devServer: {
    // 配置反向代理
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true,
    },
    proxy: {
      // 地址中有 /api 的时候会触发代理
      "/api_prod": {
        // target: "http://localhost:8001/",
        // target: "http://bl7.matripe.com.cn:8001", //测试修改这个地方
        // target: "http://1shoudan.renminshitang.com.cn",
        target: "https://d.matripe.com.cn", //正式修改这个地方
        ws: true, // proxy websockets
        changeOrigin: true, // 确定是否跨域
        pathRewrite: {
          "^/api_prod": "",
        },
      },
      //   '/api_prod': {
      //     target: 'http://a.matripe.com.cn',
      //     ws: true,  // proxy websockets
      //     changeOrigin: true,  // needed for virtual hosted sites
      //     pathRewrite: {
      //         '^/api_prod': ''  // rewrite path
      //     }
      // },
      // '/api_dev': {
      //     target: 'http://nb.renminshitang.com.cn:8001',
      //     ws: true,  // proxy websockets
      //     changeOrigin: true,  // needed for virtual hosted sites
      //     pathRewrite: {
      //         '^/api_dev': '/'  // rewrite path
      //     }
      // }
      // ,'/api_test': {
      //     target: 'http://localhost:8003',
      //     ws: true,  // proxy websockets
      //     changeOrigin: true,  // needed for virtual hosted sites
      //     pathRewrite: {
      //         '^/api_test': ''  // rewrite path
      //     }
      // }
    },
    // before: require('./mock/mock-server.js')
  },
  chainWebpack: (config) => {
    // 开发环境的webpack配置
    config.when(process.env.NODE_ENV === "development", (config) => {
      config.entry("app").clear().add("./src/main-dev.js");
      config.set("externals", {});
    });
    // 生产环境的webpack配置
    config.when(process.env.NODE_ENV === "production", (config) => {
      config.entry("app").clear().add("./src/main-prod.js");
    });
    config.plugins.delete("fork-ts-checker"), // 禁用fork-ts-checker
      config.plugins.delete("prefetch");
  },

  configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,

    resolve: {
      alias: {
        "@": resolve("src"),
        "@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
      },
    },
    //   plugins: [
    //     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
    //     // 下面两项配置才是 compression-webpack-plugin 压缩配置
    //     // 压缩成 .gz 文件
    //     new CompressionPlugin({
    //       filename: '[path][base].gz',
    //       algorithm: 'gzip',
    //       test: /\.js$|\.css$|\.html$/,
    //       threshold: 10240,
    //       minRatio: 0.8
    //     }),
    //     // 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
    //     new CompressionPlugin({
    //       filename: '[path][base].br',
    //       algorithm: 'brotliCompress',
    //       test: /\.(js|css|html|svg)$/,
    //       compressionOptions: {
    //         params: {
    //           [zlib.constants.BROTLI_PARAM_QUALITY]: 11
    //         }
    //       },
    //       threshold: 10240,
    //       minRatio: 0.8
    //     })
    //   ],
    // },
    optimization: {
      runtimeChunk: "single",
      splitChunks: {
        chunks: "all",
        maxInitialRequests: Infinity,
        minSize: 20000,
        cacheGroups: {
          vendor: {
            test: /[\\/]node_modules[\\/]/,
            name(module) {
              // get the name. E.g. node_modules/packageName/not/this/part.js
              // or node_modules/packageName
              const packageName = module.context.match(
                /[\\/]node_modules[\\/](.*?)([\\/]|$)/
              )[1];
              // npm package names are URL-safe, but some servers don't like @ symbols
              return `npm.${packageName.replace("@", "")}`;
            },
          },
        },
      },
    },
    // chainWebpack (config) {
    //   // it can improve the speed of the first screen, it is recommended to turn on preload
    //   config.plugin('preload').tap(() => [
    //     {
    //       rel: 'preload',
    //       // to ignore runtime.js
    //       // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
    //       fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
    //       include: 'initial'
    //     }
    //   ])

    //   // when there are many pages, it will cause too many meaningless requests
    //   config.plugins.delete('prefetch')

    //   // set svg-sprite-loader
    //   config.module
    //     .rule('svg')
    //     .exclude.add(resolve('src/icons'))
    //     .end()
    //   config.module
    //     .rule('icons')
    //     .test(/\.svg$/)
    //     .include.add(resolve('src/icons'))
    //     .end()
    //     .use('svg-sprite-loader')
    //     .loader('svg-sprite-loader')
    //     .options({
    //       symbolId: 'icon-[name]'
    //     })
    //     .end()

    //   config
    //     .when(process.env.NODE_ENV !== 'development',
    //       config => {
    //         config
    //           .plugin('ScriptExtHtmlWebpackPlugin')
    //           .after('html')
    //           .use('script-ext-html-webpack-plugin', [{
    //           // `runtime` must same as runtimeChunk name. default is `runtime`
    //             inline: /runtime\..*\.js$/
    //           }])
    //           .end()
    //         config
    //           .optimization.splitChunks({
    //             chunks: 'all',
    //             cacheGroups: {
    //               libs: {
    //                 name: 'chunk-libs',
    //                 test: /[\\/]node_modules[\\/]/,
    //                 priority: 10,
    //                 chunks: 'initial' // only package third parties that are initially dependent
    //               },
    //               elementUI: {
    //                 name: 'chunk-elementUI', // split elementUI into a single package
    //                 priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
    //                 test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
    //               },
    //               commons: {
    //                 name: 'chunk-commons',
    //                 test: resolve('src/components'), // can customize your rules
    //                 minChunks: 3, //  minimum common number
    //                 priority: 5,
    //                 reuseExistingChunk: true
    //               }
    //             }
    //           })
    //         // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
    //         config.optimization.runtimeChunk('single')
    //       }
    //     )
    // }
  },
};