前端模块化作为前端必备的一个技能，已经在前端开发中不可或缺；而模块化带来项目的规模不断变大，项目的依赖越来越多；随着项目的增多，如果每个模块都通过手动拷贝的方式无异于饮鸩止渴。

webpack插件在webpack编译阶段的作用和执行时机，tapable介绍，如何编写自己的webpack插件。

做自己的轮子，让别人用去吧。 本文灵感源自业务中的经验总结，不怕神一样的产品，只怕一根筋的开发。 在项目打包遇到问题：“当项目托管到 CDN 平台，希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容，不想用户被缓存。 打包时动态创建 s…

loader 和 plugins 是 webpack 系统的两大重要组成元素。依靠对 loader、plugins 的不同组合搭配，我们可以灵活定制出高度适配自身业务的打包构建流程。 loader 是 webpack 容纳各类资源的一个重要手段，它用于对模块的源代码进行转换，允…

webpack原生只支持打包JS文件，要支持打包其他类型的文件，都需要安装相应的插件或loader。 如果我们需要打包HTML文件，需要安装对应的插件，然后进行相关的配置

背景 优化是起初是因为项目在测试环境首屏在测试环境加载过长，测试同学吐槽，然后着手优化的，说干就干，优化搞起来，首屏优化对用户体验还是很重要的。 分析现状 项目是用的 vue-cli4.5 版本，下面

现在vite已经被炒的很火,但它也只是解决了开发时候的问题。但是他依然没有解决打包时候的问题。打包的时候还是会全部打包你要编译的东西。 虽然vite很好，但是部署的时候依然痛苦。上线依然是需要等待30