24
4
I was testing out webpack tree-shaking behavior. As per the docs, any code that contains side-effects can be mentioned in the sideEffects property of package.json to inform webpack not to eliminate that module in the final build. I am leveraging this behavior to see if my entire module (helper.js) can be part of the final build, even though all the exported methods of that module are not used.
我在测试webpack的摇树行为。根据文档，任何包含副作用的代码都可以在Package.json的SideEffects属性中提及，以通知webpack不要在最终构建中删除该模块。我利用这个行为来查看我的整个模块(helper.js)是否可以成为最终构建的一部分，即使该模块的所有导出方法都没有使用。
But in my case, this module is still getting tree-shaken. Can someone tell me what the reason might be?
但在我的情况下，这个模块仍在摇摇欲坠。谁能告诉我可能的原因是什么？
Here is my code:
以下是我的代码：
helper.js file
Helper.js文件
个人中心
文章发布
退出export default {
helperMethod1: () => {
console.log("This is helper method 1");
},
helperMethod2: () => {
console.log("This is helper method 2");
}
};
script.js
Script.js
import helper from "./helper.js";
helper.helperMethod1()
package.json
Package.json
{
"scripts": {
"build": "NODE_ENV=production webpack"
},
"sideEffects": ["./helper.js"],
...
}
webpack.config.js
Webpack.config.js
module.exports = {
...
optimization: {
sideEffects: true,
}
}
Here is the final production build
以下是最终的生产版本
(()=>{"use strict";console.log("This is a helper method 1")})();
I want helperMethod2 to also be part of the final build. I know this is against optimization, but I just want to better understand webpack's tree-shaking behavior.
我希望helperMethod2也成为最终构建的一部分。我知道这不利于优化，但我只是想更好地理解webpack的摇树行为。
The way it is meant to work is when helper.js is its own npm module with its own package.json. Then you need to set sideEffect: true (not an array of strings) in that package.json not in the package.json of your main project.See github.com/webpack/webpack/blob/main/examples/side-effects/…
当helper.js是自己的NPM模块和自己的Package.json时，它的工作方式就是这样。然后，您需要在该Package.json中(而不是在主项目的Package.json中)设置SideEffect：True(不是字符串数组)。请参见github.com/webpack/webpack/blob/main/examples/side-effects/…
Got it. Thanks for clarifying. Will try this out.
明白了。谢谢你的澄清。会试一试这个。
24
4
0
code正常吗？
我刚刚开始使用 YARD 来记录我的 Rails 应用程序。我没有指定任何特定的标记处理程序，但我希望 `code` 会转换为 code，但这似乎没有发生。这是正常行为吗？我是否必须添加一些额外的选项
什么是Code-Server 首先程序员朋友们肯定都用过来自微软的VS Code 这款轻量而又高级的编辑器，拥有丰富的插件库，支持各种语言编译运行。而本文介绍的Code-Server就是coder 公
我是一名高中生，今年开始学习汇编。 我目前正在制作 Pacman 克隆作为我的最终项目。 我遇到的唯一问题是我的代码很大，*.exe 文件几乎有 64KB。 所以我的问题是，如果我转向模型介质，我需要
锁定。这个问题及其答案是locked因为这个问题是题外话，但具有历史意义。它目前不接受新的答案或互动。 挑战 按字符计数绘制 Code 39 条码的 ASCII 表示的最短代码。 维基百科关于代码 3
我正在开发 VS 代码的扩展(使用 javascript)。现在我需要安装 VS Code 的路径。 windows有一种方法: var child = require('child_process'
[Windows 10] 我在自定义目录中安装了“Microsoft VS Code(用户设置)”，每当我尝试更新它时，都会显示: 然后这个 Log Info Dec 23 11:42:40.673
我正在尝试更新我的 VS 代码，但收到一条错误消息:由于防病毒软件和/或进程失控，更新可能会失败。 附加了一个来 self 的用户的日志文件，但我不确定要检查什么。我对计算机和编程还是个新手。 最佳答
几天前我安装了 Kali Linux。我正在尝试使用 Code-OSS 而不是 VSCode，因为最新版本的 Kali 没有安装普通版本所需的库。 如果我尝试使用 code-oss . 或 code
我正在从 Atom 迁移到 VS Code，因为这似乎是当今所有酷 child 都在使用的东西。 在 atom 中，我能够如图所示突出显示当前行号(装订线中的蓝色突出显示)。 有没有办法在 VS Co
我试图找到一个明确的 G 代码语法规范，而不是单个 G 代码的含义，我无处不在的规范，我的意思是详细的语法规范，目的是编写解析器。 我编写解析器没有问题，我只是在寻找语法规范，例如。我知道您不必总是为
我想在 VS Code (Windows) 中使用 Fira Code，并且已经按照 instructions 中的说明配置了字体。 。不知何故，字体看起来很模糊。我该如何解决这个问题？ "edito
这个问题已经有答案了: How can I navigate back to the last cursor position in Visual Studio Code? (16 个回答) 已关闭
如何选择当前单词，即插入符号所在的位置。 注意:我正在寻找 Visual Studio Code(VS Code)(文本编辑器)的快捷方式，而不是 Visual Studio IDE。 最佳答案 在
我需要在 VS Code 中安装 flutter 但在安装扩展中，我有这个错误 Unable to install 'Dart-Code.flutter'; there is no available
memberData 有什么区别
{@code memberData} 和有什么区别？和 memberData在 JavaDoc 中 最佳答案 有两个主要区别: {@code ...}更简洁:更易于阅读(和输入)。 {@code ..
我有这样一个字符串: Here is my code sample, its not too great: [CODE] [/CODE] I hope you enjoy. 现在我想用 highli
在 VS Code 中，我有一个少于 50 个文件的 Vue 项目，但是在运行开发服务器时 VS Code 抛出 Error: ENOSPC: System limit for number of f
Source Code Pro 如何在 VSC 中使用 ExtraLight ~？ 似乎以下不起作用...... 我确定我有字体。 Source Code Pro ExtraLight 最佳答案 编辑
我对 Visual Studio Code 很陌生。我正在尝试调试一个已经存在的应用程序，我已经通过 Git 克隆了它。我的文件都没有被修改。我已经下载了微软扩展“C# for Visual Stud
Visual Code VS Visual Studio Code Insider 我还是不明白这两者有什么区别，难道其中一个是新功能的试用版吗？ 最佳答案 Visual Studio Code In
我是一名优秀的程序员,十分优秀！