webpack的配置文件

const { defineConfig } = require("@vue/cli-service");
const path = require("path");

module.exports = defineConfig({
  publicPath: `/${process.env.VUE_APP_PROJECT_PREFIX}/`, // 默认静态资源路径
  outputDir: "dist", // 打包完毕文件夹名
  assetsDir: "static", // 放置静态资源的目录
  lintOnSave: false, // 保存代码不进行eslint检测
  productionSourceMap: false, // 生产环境无需source map
  transpileDependencies: true,
  chainWebpack: (config) => {
    config.resolve.alias.set("@", path.join(__dirname, "src"));
    config.plugin("html").tap((args) => {
      args[0].title = "通行费与油品销售定价辅助决策平台";
      return args;
    });
    // 生产环境代码压缩
    if (process.env.NODE_ENV === "production") {
      config.output.filename("./js/[name].[chunkhash:8].js");
      config.output.chunkFilename("./js/[name].[chunkhash:8].js");
      config.optimization
        .minimize(true)
        .minimizer("terser")
        .tap((args) => {
          let { terserOptions } = args[0];
          terserOptions.compress.drop_console = true;
          terserOptions.compress.drop_debugger = true;
          return args;
        });
      config.optimization.splitChunks({
        cacheGroups: {
          common: {
            name: "common",
            chunks: "all",
            minSize: 1,
            minChunks: 2,
            priority: 1,
          },
          vendor: {
            name: "chunk-libs",
            chunks: "all",
            test: /[\\/]node_modules[\\/]/,
            priority: 10,
          },
        },
      });
    }
  },
  // 跨域配置
  devServer: {
    open: true,
    host: "0.0.0.0",
    port: 9090,
    proxy: {
      "/api": {
        //代理的baseUrl(这里的地址需要更改)
        // target: "http://10.101.10.10:10010/",
        changeOrigin: true,
        secure: true,
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值