Webpack相关参考教程(alpha)

基础

.less文件不能使用extract-text-webpack-plugin单独打包.

使用extract-text-webpack-plugin对.less文件单独打包,会导致组件加载闪烁,即先只加载dom结构,后恢复正常。

如何 10 倍提高你的 Webpack 构建效率

开发工具心得:如何 10 倍提高你的 Webpack 构建效率

Webpack插件

  • html-webpack-plugin:简化了HTML文件的创建,以便为您的webpack包提供服务

  • webpack-bundle-analyzer:分析并可视化构建后的打包文件

  • sw-register-webpack-plugin:解决 service-worker.js 的注册和更新问题

  • CommonsChunkPlugin:一个可选的用于建立一个独立文件(又称作 chunk)的功能(已经从 webpack v4 legato 中移除)

  • prerender-spa-plugin:预渲染插件

  • CompressionWebpackPlugin:准备资源的压缩版本以通过Content-Encoding为其提供服务(开启 gzip 压缩)

  • BannerPlugin:为每个 chunk 文件头部添加 banner。示例

  • ComponentWebpackPlugin:在webpack中使用组件

  • AggressiveSplittingPlugin:将 bundle 拆分成更小的 chunk示例

  • ZopfliWebpackPlugin:使用node-zopfli预先压缩插件

  • ClosureWebpackPlugin:闭包编译器(几乎已舍弃)

上次更新: 2018-7-2 17:32:17