Webpack常用配置项详解
Webpack 的配置项其实不多，但用得顺手，开发起来就舒服。像entry和output，算是打包的基本盘，路径、文件名搞清楚，打出来的包才靠谱。
模块那一块也挺关键的，用rules搭配loader，不管你是用 Babel 转 JS、还是 CSS、图片，基本都靠它搞定。
resolve和alias用好了，路径引用能省不少事。你总不想每次都敲../../../components吧？加个@别名，写起来清爽多了。
插件这块就更灵活了。HtmlWebpackPlugin挺实用，打包的时候自动帮你插入 JS 脚本，MiniCssExtractPlugin能把 CSS 单独拆出来，不然样式都混在 JS 里，有点难看。
devServer是前端开发的好搭档。热更新一开，保存就能刷新，开发体验真的不输 Vite。端口、自动打开浏览器这些小细节也能省不少手动操作。
要优化性能，optimization绝对不能漏。压缩 JS、CSS 都靠minimizer，而且splitChunks能把公共模块拆出来，访问速度也会跟着提上去。
，这篇文章讲得比较全，新手能照着抄，老手也能快速查漏补缺。如果你在摸索 Webpack 配置，这篇真的挺值得收藏的。
文件大小：153.45KB
评论区