My College Blog

Webpack配置

发布日期:2024-12-15
Webpack是现代前端项目的模块打包工具,核心概念包括入口(entry)、输出(output)、加载器(loader)和插件(plugin)。loader用于转换非JS文件,如babel-loader转译ES6,css-loader处理CSS;plugin扩展功能,如HtmlWebpackPlugin生成HTML,MiniCssExtractPlugin提取CSS。配置devServer可实现热更新。通过合理配置,Webpack能优化打包体积和加载性能,是工程化不可或缺的工具。
Webpack配置