美文网首页
webpack —— tree shaking

webpack —— tree shaking

作者: vavid | 来源:发表于2021-01-18 23:26 被阅读0次

为了学会使用 tree shaking,你必须……

  • 使用 ES2015 模块语法(即 import 和 export)。
  • 在项目 package.json 文件中,添加一个 "sideEffects" 入口。
  • 引入一个能够删除未引用代码(dead code)的压缩工具(minifier)(例如 UglifyJSPlugin)。

sideEffects

在 package.json 文件

{
  "name": "your-project",
  "sideEffects": false  // 如果所有代码都不包含副作用,可以安全地删除未用到的 export 导出。
}

如果你的代码确实有一些副作用,那么可以改为提供一个数组:

{
  "name": "your-project",
  "sideEffects": [
    "./src/some-side-effectful-file.js",
    "*.css"
  ]
}

相关文章

网友评论

      本文标题:webpack —— tree shaking

      本文链接:https://www.haomeiwen.com/subject/nzdnzhtx.html