如果 webpack 摇树处理 node_modules？

Question

我正在处理 node@6.11.0、webpack@3.4.1

文件.js

export function foo () {
  return 'foo'
}

export function bar() {
  return 'bar'
}

main.js

import { foo } from './file'
import { log } from 'mathjs'
foo()
log(10000,10)

而且 bundle.js 包含了 math.js 的所有方法，所以我想知道 tree-shaking 是否有效。 并且功能栏签有/* unused harmony export bar */ 当我使用 tree-shaking 时，bundlejs 应该只包含 foo 和 lod 方法，不是吗？ git clone https://github.com/z2014/All-test-demo，然后测试

Answer 1

未使用的代码被缩小器（例如 UglifyJS）删除。 Tree-shaking 只是让 minifier 可以删除它。

因此，在您的情况下，启用 UglifyJS 很可能会解决问题。

您可以阅读有关此行为的更多信息 https://webpack.js.org/guides/tree-shaking、https://github.com/webpack/webpack/tree/master/examples/harmony-unused 和 https://github.com/webpack/webpack/issues/2866