前言

笔记相关代码：https://gitee.com/spoony_Z/build-tools.git

依赖环境

1. Node 版本 16+

前置知识

1. 对 Node 各个核心模块操作有一定认识。比如：fs、path、os 等
2. 对 React 和 Vue 有一定认识，并且开发过项目。

为什么需要打包工具？

开发时，我们会使用框架(React、Vue)，ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。

这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS 、Css 等语法，才能运行。

所以我们需要打包工具帮我们做完这些事。

除此之外，打包工具还能压缩代码、做兼容性处理、提升代码性能等

有哪些打包工具?

• Grun
• Gulp
• Parcel
• Webpack
• Rollup
• Vite
• ...