怎么禁止webpack的tree-shaking?

Question

webpack5怎么禁止webpack的tree-shaking, 现在想打包个组件,然后webpack总是自动tree-shaking导致代码都被删掉了,需要怎么配置禁止tree-shaking

Answer 1

在 package.json 中配置：

{
    // 其他项略
    "sideEffects": [
        "./src/myfile.js",
        "哪些文件不摇树"
    ]
}

支持 glob 通配符语法。

如果就是想直接关闭、所有文件都不需要 Tree-Shaking，那么：

{
    // 其他项略
    "sideEffects": true
}

P.S. 但其实这个字段默认值就是 true 的，你是手动改成 false 了？