webpack 基础 - 13 （ tree-shaking 去除无用的代码）

本文主要是介绍webpack 基础 - 13 （ tree-shaking 去除无用的代码），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

 tree shaking 去除无用的代码

1、前提：ES6的模块化，开启production环境

        减少代码体积

module.exports = {
  ...
  mode:'production',
}

2、添加package.json配置

        可能对css有影响  

      "sideEffects": ["*.css","*.scss"]

{
  ...
  "sideEffects": [
    "*.css",
    "*.scss"
  ]
}

这篇关于webpack 基础 - 13 （ tree-shaking 去除无用的代码）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！