欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 养生 > taro小程序terser-webpack-plugin插件不生效

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

2024/10/24 6:30:07 来源:https://blog.csdn.net/lyxgoodLucky/article/details/140125405  浏览:    关键词:taro小程序terser-webpack-plugin插件不生效

背景

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

运行环境:

taro3.6.32+vue3.2.24 +webpack5

不断尝试过

在这里插入图片描述
按官网这种配置不生效,然后又看了文档中赋的这个链接《编写插件,将 Taro 编译打包耗时缩短至三分之一》。
按这个文档中的配置,发现都不生效在这里插入图片描述
而且这个提供的代码包还报错

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


//优化后的代码
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,问题解决

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, },}]}}})}},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com