在webpack5中,打包模式production时才开启
javascript
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
},
mode: 'production',
}
webpack在打包时,tree shaking会自动运行,webpack会解析代码 构建依赖图谱 标记未使用的模块和代码,并在最终打包结果中移除未使用的代码。
javascript
webpack.config.js
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
},
mode: 'production', // 或者 'production'
}
javascript
src/index.js
import { ttt } from './util.js'
function testfn() {
return 'test'
}
let a = 1
a+=1
src/util.js
export const ttt = '123ttt'