问题标签 [terser]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4265 浏览

vue.js - 更广泛的修改 terser-webpack-plugin?

有没有办法彻底破坏vue捆绑的组件webpack

terser-webpack-plugin当通过mangle.propertiesset to应用重整时true,并非所有属性名称都被重整,例如:

变成

编辑

根据要求:Webpack 配置文件的相关部分,在这种情况下是手动添加项目的默认vie-cli配置:mangle.properties

0 投票
0 回答
285 浏览

build - 构建失败并给出此错误,如何读取安全上下文以获取正确的错误?

构建失败并抛出此错误,请帮助我了解安全上下文。项目带有 React 和节点服务器。当我从 webpack 3 迁移到 webpack 4 时,怀疑是 Terser 的问题

0 投票
1 回答
1072 浏览

webpack - 如何在 webpack 中使用 Terser 插件保留空格和缩进?

如何使用 webpack 构建我的反应应用程序并跳过删除空格的最小化步骤部分。我不想关闭最小化,但只想跳过空格删除。我试过了

但它没有做我想要的。

我可以使用 terser 中的选项来跳过空格删除吗?

0 投票
1 回答
568 浏览

angular - 与 angular-cli 相比,使用 webpack + angular 无法实现相同级别的包优化

我有两个相同的 Angular 项目,一个是 angular-cli,另一个是使用 @ngtools/webpack 的 Webpack 版本。这两个项目都在运行 Angular 7.1.4 和 @angular-devkit 0.13.5。Angular 代码是使用 angular-cli 生成的初始应用程序模块/组件。

我遇到的问题是 Webpack 版本正在生成一个 450 KB 的压缩应用程序包,但 angular-cli 的包是 238 KB。如果没有 TerserPlugin,angular-cli 的应用程序包为 1.51 MB,而 Webpack 的输出为 1.62 MB。

对于 angular-cli,我正在使用以下配置运行“ng build --prod=true”:

这是我的 Webpack 配置:

查看带有 BundleAnalyzerPlugin 的捆绑包,两个项目的 node_modules 的统计大小均为 1.52 MB,但 angular-cli 的解析大小为 238 KB,而 Webpack 为 441 KB。据我所知,node_modules 中存在大约 100 KB 的差异,即使软件包(例如 rxjs)是相同的版本。

角-cli:

网页包:

发生了什么,我怎样才能为两个项目实现相同级别的优化?

0 投票
2 回答
1246 浏览

hl7 - 是否需要 OBR 段才能查看 HL7 消息中的 OBX 段附件?

我正在尝试解析版本为 2.3.1 的 HL7 消息文件。解析消息时,OBX 段为空。

如果我在 HL7 消息中没有 OBR 段,则 Terser 无法获取 OBX 段值(它返回空值),那么 OBR 段是否必须在 HL7 消息中查看 OBX 附件?

0 投票
2 回答
560 浏览

webpack - Webpack 4 禁用缩小但保留摇树

我正在寻找一种禁用文件缩小但保留摇树的方法。

Terser Plugin 负责树抖动,但显然只有在将最小化设置为 true 时,并且在 Webpack 生产模式下。

其中minimize设置为false,未缩小的文件不会抖出未使用的功能。

这里有什么帮助吗?

0 投票
1 回答
2638 浏览

gulp - 简洁不缩小函数名称

因此,我将 terser 与 gulp 一起使用,并尝试了几种组合,但似乎没有任何东西可以缩小函数名称,这是一个示例:

更新

这个配置也帮助我实现了我想要的:

0 投票
0 回答
495 浏览

reactjs - 如何将 babel + terser 工作流程转换为 webpack?

我的文件夹结构如下所示:

这是我的 package.json 的一部分

部署此代码时,我运行以下命令

这会生成一个名为common.min.js我在几个项目中使用的文件。

我想做的是使用 webpack 创建一个构建命令。我该怎么做呢?

更新

我创建了以下 webpack.config.js

这有效

0 投票
0 回答
446 浏览

javascript - 使用 pure_funcs 丑化删除 console.log.bind

我正在尝试优化console.log缩小 js 中的绑定语句。我具有约束力console.log,因此我可以在默认情况下预先添加一个参数。

uglifyjs的pure_funcs设置似乎不起作用(见下面的输出)

drop_console更糟糕的是,它设置this.log = void并导致未定义的函数错误。

有什么办法可以做到这一点?

输入:

UglifyJS 配置:

丑化(通过https://skalman.github.io/UglifyJS-online/):

0 投票
1 回答
1684 浏览

angular - 来自 Terser 无效分配的 scrips.xxx.js 中的错误

我在角度 7.2.13。在命令“ng build --prod”之后我得到一个错误:

来自 Terser
无效分配的 scripts.5f11b62514f5238edd2a.js 中的错误 [scripts.5f11b62514f5238edd2a.js:21,32]

我已经尝试在 package.json 中将 terser 更改为 3.14.1,因为其他线程说要做或通过 npm 安装 terser。我还尝试安装 terser 版本 3.16.1,因为线程说它解决了来自 terser 的错误。

但这些都不起作用......

这只是我尝试的一个例子:

包.json:

包锁.json:

我想构建我的应用程序,但我不能因为这个错误......