webpack 基础 - 13 ( tree-shaking 去除无用的代码)

 tree shaking 去除无用的代码

1、前提:ES6的模块化,开启production环境

        减少代码体积

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

2、添加package.json配置

        可能对css有影响  

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

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

上一篇:vue4.X 配置build打包不同环境不同域名的处理


下一篇:40 webpack优化-区分环境