webpack使用tree shaking示例：

小强有个dream2024-05-14 7:03

在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'