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, 
                },
              }
            ]
          }
        }
      })
    }
  },
相关推荐
游戏开发爱好者810 小时前
iOS App 电池消耗管理与优化 提升用户体验的完整指南
android·ios·小程序·https·uni-app·iphone·webview
_pengliang10 小时前
小程序按住说话
开发语言·javascript·小程序
万岳科技程序员小金12 小时前
多端协同的招聘系统源码开发指南:小程序+APP一体化设计
小程序·软件开发·app开发·招聘小程序·同城招聘系统源码·招聘app开发·招聘软件开发
xkxnq13 小时前
微信小程序地理定位功能
微信小程序·小程序
難釋懷13 小时前
微信小程序全局数据共享
微信小程序·小程序
阿眠15 小时前
vue3实现web端和小程序端个人签名
前端·小程序·apache
2501_9159184117 小时前
iOS 性能监控工具全解析 选择合适的调试方案提升 App 性能
android·ios·小程序·https·uni-app·iphone·webview
Komorebi_999920 小时前
webpack相关
前端·webpack·node.js
伍哥的传说1 天前
Webpack5 新特性与详细配置指南
webpack·前端框架·vue·vue3·react·webpack5·前端构建
大锦终1 天前
【Linux】第一个小程序—进度条
linux·运维·服务器·小程序