解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

一般情况下，单一的中小型项目没有将自己模块化打包的必要。然而在实际工作或者开源项目开发的场合下，往往会有需要将当前项目或者其中一部分功能性代码在其他项目中使用的场景。若仅仅简单的对代码的复制黏贴，会对代码的管理以及后续开发改进产生极大的不便，代码每有改动就需要在各个项目中保持同…

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

在项目根目录新建 .env.development、.env.production、.env.test 创建代码提示 env.d.ts 组件中使用 vite.config.ts中使用 package.

我们用vue-cli生成项目后，vue给我们仅提供了一个启动的命令和一个打包命令（如果你选择了单元测试等其他选项，还会有其他命令，但本篇文章我们不讨论它），这个启动命令是开发环境的，打包打的是生产环境的包。 但是如果我们还有测试环境以及预发布环境呢，这两个环境都是线上的，测试环…

本篇主要是webpack的基础之css\js优化，如我们在生产环境的时候，更需要考虑将样式分离出来，(因为打包的是一个js，css都在整个js中，这样包会很大),css的兼容

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。