本篇文章主要讲解了 rollup 的使用，介绍了 rollup 的应用场景，命令行打包，对 js、css、vue等不同文件的打包，最后补充了本地服务器的搭建以及不同环境的区分。

vite的项目，如何使用rollup的方式打包？看这里，比较完整的介绍，包会的那种。支持纯JavaScript的库，以及带模板的库。

vite viet中文官网 vite 特点： vite 冷服务启动 （开发的时候是不进行打包的）以模块的形式进行引入展示 开发中热更新 按需进行编译 不会刷新全部虚拟DOM vite和webpack的

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

无论是自己的日常开发，还是准备面试，都应该掌握一些关于 Webpack 的优化技巧。这篇文章将介绍13个常用的优化技巧，请码住收藏！

常见的plugin、loader，插件loader的区别，webpack的构建流程，性能优化，hash生成，热更新原理，tree-shaking原理……

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

看完这篇文章，你要是还搞不懂webpack编译流程算我输！ 教会你面试话术！ 教会你如何分析源码！ 教会你如何写一个webpack！

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和