随着项目越来越复杂，可能你们会有同样的感触，上了趟厕所回来，项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下，如何去优化我们的构建速度。...

本期给大家在webpack5中如何配置css用到的解析和插件的使用，更准确的说是PostCSS的插件。众所周知，现在大部分前端项目都在使用webpack做打包，打包做解析的比较重要目的一个是给js做转化，比如es6转es5，混淆压缩等。然后就...

Github来源：一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者

Vite是基于浏览器native的ES module开发的，基于Bundleless思想。

当我们需要将 unknown 类型的变量赋值给其他类型的变量的时候，我们可以给他指定类型

用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。

打包图片资源Webpack 用来处理一些文件时， 是选用对应的loader 来 处理打包的，知道这个原理，就好办了。例如： 打包图片，就找对应的 打包图片的 loader， 1. 安装 2. 使用 ，这样就完成了处理打包。 图片打包使用的是loader ...

安装 webpack1. 全局安装npm i webpack webpack-cli -g2. 项目 安装 开发 依赖npm i webpack webpack-cli -D打包文件webpack ./src/index.js -o ./build/test.js --mode=development

本文主要的内容是通过之前使用的prerender-spa-plugin插件的源码阅读，来看下我们应该如何编写一个webpack的插件，同时了解下预渲染插件到底是如何实现的。...