【文件属性】：
文件名称：babel-webpack-tree-shaking：Babel和Webpack的树状摇动示例
文件大小：13KB
文件格式：ZIP
更新时间：2021-01-30 01:52:34
babel webpack babili tree-shaking BabelJavaScript
Babel和Webpack的摇树示例
该存储库显示了如何配置Babel和Webpack来启用摇树。 如果它们具有ES2015模块格式，它将消除死代码。
可以在app/文件夹中找到源代码，在该目录中，主文件car.js并未使用engine.js所有依赖项。 可以在/dist文件夹中找到生成和编译的文件。
Webpack仅在捆绑时标记未使用的代码，而将删除部分留给压缩程序。 这就是为什么所有代码都包含在与Rollup相反的开发版本中的原因。
如果您需要更详细的说明，请。
Webpack + Babel + UglifyJS
只能删除未使用的函数和变量。
对于开发构建，请运行npm run webpack （ES2015-> ES5软件包）。
对于生产构建，请运行npm run webpack-prod （ES2015-> ES5捆绑包-> UglifyJS）。
使用Babel转换类时，它会生成一个IIFE并分配给原型。 UglifyJS将其视为副作用，并且将其删除。
请参阅以下问题：
和
Webpack + Babili
可以删除未使用的类，函数和变量。
对于开
【文件预览】：
babel-webpack-tree-shaking-master
----.babelrc(124B)
----webpack.es2015.prod.config.js(497B)
----webpack.es2015.config.js(413B)
----package.json(1KB)
----readme.md(2KB)
----webpack.prod.config.js(759B)
----index.html(449B)
----app()
--------engine.js(175B)
--------car.js(239B)
----dist()
--------car.es2015.bundle.js(3KB)
--------car.prod.bundle.js(1KB)
--------car.bundle.js(5KB)
--------car.es2015.prod.bundle.js(783B)
----.gitignore(19B)
----webpack.config.js(443B)
----favicon.ico(7KB)