C/C++教程

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 去除无用的代码)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!