Unhandled Rejection (ChunkLoadError): Loading chunk mf-dep_vendors-node_modules_umi_node_modules_cor

 umi Webpack打包配置在开发环境生效问题。打包生效应在非dev环境才能生效,

config.tsx/umirc.ts配置chainWebpack时因加上此判断 if (process.env.UMI_ENV !== 'dev')

  chainWebpack(config, { env, webpack, createCSSRule }) {
    if (process.env.UMI_ENV !== 'dev') {
      // 修改css输出目录
      config.plugin('extract-css').tap(() => [
        {
          filename: `css/[name].[contenthash:8].css`,
          chunkFilename: `css/[name].[contenthash:8].chunk.css`,
          ignoreOrder: true,
        },
      ]);
      //  修改js输出目录
      config.output
        // JS 文件名添加 hash 值
        // .filename('js/[name].[hash:8].js')
        //chunk.js 文件名添加
        .chunkFilename('js/[name].[hash:8].chunk.js')
        .end();
      /** 解析moment */
      config.plugin('AntdDayjsWebpackPlugin').use(AntdDayjsWebpackPlugin);
      // 开启gzip压缩
      config.plugin('compression-webpack-plugin').use(
        new CompressionWebpackPlugin({
          // filename: 文件名称,这里我们不设置,让它保持和未压缩的文件同一个名称
          algorithm: 'gzip', // 指定生成gzip格式
          test: new RegExp('\\.(' + prodGzipList.join('|') + ')$'), // 匹配哪些格式文件需要压缩
          threshold: 10240, //对超过10k的数据进行压缩
          minRatio: 0.6, // 压缩比例,值为0 ~ 1
        }),
      );
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jim-zf

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值