tree-shaking是一个术语,是指清除JavaScript 上下文中的未引用代码(dead-code),。它依赖于 ES2015 模块语法的 静态结构特性。
将webpack设置成production模式,打包时会自动进行tree-shaking,这是因为webpack5内置了压缩插件。
css-minimizer-webpack-plugin
插件是一款压缩和清除无用css代码的webpack插件。
有时候我们只是想查看死代码,自己进行手动清除优化,这个时候可以使用插件webpack-deadcode-plugin - npm (npmjs.com) ,它可以将没使用到的文件和导出打印出来,以便我们进行清理。