babel-webpack-tree-shaking:Babel和Webpack的树状摇动示例

时间:2024-02-19 19:39:14
【文件属性】:

文件名称:babel-webpack-tree-shaking:Babel和Webpack的树状摇动示例

文件大小:13KB

文件格式:ZIP

更新时间:2024-02-19 19:39:14

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)

网友评论