webpack使用tree shaking示例:

在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'
相关推荐
前端工作日常2 分钟前
我理解的JSBridge
前端
Au_ust3 分钟前
前端模块化
前端
顺丰同城前端技术团队3 分钟前
还不会用 Charles?最后一遍了啊!
前端
BUG收容所所长4 分钟前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
彬师傅4 分钟前
geojson、csv、json 数据加载
前端
用户52709648744904 分钟前
🔥 我与 ESLint 的爱恨纠葛:从"这破玩意儿"到"真香警告"
前端
梨子同志5 分钟前
手动实现 JavaScript 的 call、apply 和 bind 方法
前端·javascript
梨子同志6 分钟前
ES6 let 和 const
前端·javascript
用户5806139393007 分钟前
超越 console.log():前端调试的 10 个神级技巧
前端
却尘8 分钟前
当全世界都在用 Rust 重写一切时,Prisma 却选择了反方向
前端·数据库·orm