几句话理解 tree-shaking
什么是tree-shaking?
Tree Shaking
中文含义是摇树,在webpack中指的是打包时把无用的代码摇掉,以优化打包结果。
而webpack5
已经自带了这个功能了,当打包环境为production
时,默认开启tree-shaking
功能
一句话就是可以将无引用的代码或者文件不打包进项目,从而优化项目 。 如果这个文件存在副作用,则副作用的代码将会 被打包进项目,当然sideEffects
可以在package.json
中设置:
// 所有文件都有副作用,全都不可 tree-shaking
{
"sideEffects": true
}
// 没有文件有副作用,全都可以 tree-shaking
{
"sideEffects": false
}
// 只有这些文件有副作用,
// 所有其他文件都可以 tree-shaking,
// 但会保留这些文件
{
"sideEffects": [
"./src/file1.js",
"./src/file2.js"
]
}