webpack 常用plugins

JesonAx

于 2019-06-27 14:59:38 发布

阅读量364

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Webpack 文章标签： webpack

5 篇文章

订阅专栏

本文详细介绍了一系列Webpack插件的功能与使用场景，包括web-webpack-plugin、happypack、clean-webpack-plugin等，涵盖HTML生成、多进程加载、代码压缩、图片优化等方面，旨在提升前端项目构建效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web-webpack-plugin：方便的为单页应用输出 HTML，比 html-webpack-plugin 好用。
happypack：启用多进程去并发进行loader转换，提高打包速度。
clean-webpack-plugin：用于删除 webpack 上次编译出来的旧文件。
provide-plugin：从环境中提供的全局变量中加载模块，而不用导入对应的文件。
hot-module-replacement-plugin：开启模块热替换功能。
difine-plugin：定义环境变量。
commons-chunk-plugin：提取公共代码。
extract-text-webpack-plugin：提取 JavaScript 中的 css 代码到单独到文件中（用 webpack4 的可用 mini-css-extract-plugin 插件实现同样功能）。
uglifyjs-webpack-plugin：压缩 JavaScript 代码。
webpack-parrallel-uglify-plugin：多进程执行 JavaScript 代码压缩，提升构建效率。
imagemin-webpack-plugin：压缩图片文件。
webpack-spritesmith：用插件制作雪碧图。
add-asset-html-webpack-plugin：向 html-webpack-plugin 生成的 html 中插入 js 或 css。