在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

babel就天天低头不见抬头见，但是作为一个构建的工具，只在项目之初，写（抄）配置文件的时候见个面，似乎从来没有真正了解过他，今天自己写项目，自己配构建文件，终于要面对我不认识babel这个事实了，狠

process.env.NODE_ENV应该是我们最熟悉的环境变量了，它经常出现在使用框架或者类库的时候，被用来区分不同的环境（开发，测试，生产等）

虽然每天都用npm安装包，但是你们对package.json和package-lock.json这两个文件又了解多少呢？今天笔者就来详细分析下这两个文件，希望能对大家有所帮助。

之前，我们在 SitePoint 上多次特刊了 PostCSS 内容，但它还是难倒了很多人。一句话总结 PostCSS： 它很巧妙的不同于预处理器，提供了可选的且更简洁的编程语言，来编译成 CSS，如 Sass、Less 与 Stylus。得出这个结论的部分原因是： 它的名字。…

两年前自己就开始学习 PostCSS ，但在开发中使用却不到一年。 没有使用的原因是觉得 PostCSS 插件太多，学习成本很高。 但在开发中实际使用后，觉得 PostCSS 还是有很大的便捷性，诸如自动补全浏览器前缀这一功能就节省了很多时间，把繁琐的工作交给了程序，心思都集中…

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦，还要commit，多余。 比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Worki…

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n