前端构建工具伴随着前端模块化的发展而发展，从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有依赖组装打包的 webpack/rollup/parcel 等 bundle 类模块化构建工具，再到现在的 bundleless 基于浏览器原生 ES 模块的 snowpack/vite。

从技术发展的角度来看，我们只需要掌握目前使用最广的构建工具，如 webpack、rollup，以及了解最新的技术即可。

推荐文章：

• 深入浅出 Webpack
• 十分钟搞懂 Webpack
• 前端构建这十年
• vue-cli4 配置（持续更新）（vue项目中 webpack 配置）

[

](https://staven630.github.io/vue-cli4-config/)