taro小程序terser-webpack-plugin插件不生效

背景

taro小程序terser-webpack-plugin插件不生效

运行环境:

taro3.6.32+vue3.2.24 +webpack5

不断尝试过

按官网这种配置不生效,然后又看了文档中赋的这个链接《编写插件,将 Taro 编译打包耗时缩短至三分之一》。

按这个文档中的配置,发现都不生效

而且这个提供的代码包还报错

我自己优化了一下,不报错了,但是打包体积也没减少,扎心

js 复制代码
//优化后的代码
const TerserPlugin = require('terser-webpack-plugin');

module.exports = (ctx) => {
  ctx.modifyWebpackChain((args) => {
    const chain = args.chain;
    // 确保最小化处理开启
    chain.optimization.minimize(true);

    // 替换或添加到现有的minimizer数组,这里直接替换为TerserPlugin的实例
    chain.optimization.set('minimizer', [
      new TerserPlugin({
        test: ['common.js', 'taro.js', 'vendors.js'],
        terserOptions: {
          compress: true,
        },
      }),
      // 如果有其他minimizer需要保持,可以在这里继续添加
    ]);
  });
};

然后,然后我就去taro的源码

各种各种找,从打包的函数开始,找插件的解析方式,后面定位到了这里

原来解析的时候是按这个名字解析的,官网给的这块有问题

解决方法

把install,改为terse,问题解决

js 复制代码
const TerserPlugin = require('terser-webpack-plugin');

...
  mini: {
    webpackChain: (chain) => {
      chain.merge({
        plugin: {
          // 解决包体积过大无法进行预览的问题
          terse: {
            plugin: TerserPlugin,
            args: [
              {
                test: /\.js(\?.*)?$/i,
                minify: TerserPlugin.swcMinify,
                terserOptions: {
                  compress: true,
                  sourceMap: true, 
                },
              }
            ]
          }
        }
      })
    }
  },
相关推荐
说私域13 分钟前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
linda26181 小时前
本质上,Taro 是一个 跨平台编译框架
前端·taro
一渊之隔3 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun7 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-54587 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
難釋懷1 天前
TypeScript-webpack
javascript·webpack·typescript
ᥬ 小月亮1 天前
webpack基础
前端·webpack
abigale031 天前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
HERR_QQ1 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序