在vue-cli中是否经常遇到会webpack配置，但是不知道如何转换成vue-cli中的写法？ 是否有时配置了但是打包出来效果不符合预期，但是不知道是配置错误还是被其他影响？……

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖**等等

作为一名前端工程师，每天的清晨，你走进公司的大门，回味着前台妹子的笑容，摘下耳机，泡上一杯茶，打开 Terminal 进入对应的项目目录下，然后 npm run start / dev 或者 yarn start / dev 就开始了一天的工作。 当你需要进行时间的转换只需要使…

闭包是一种函数的特性，用于捕获和保存其所在作用域的变量，而IIFE是一种用来创建函数作用域的模式。在JavaScript中，我们可以将闭包和`IIFE`结合使用，但它们并不是彼此依赖的概念。

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web

rollup构建工具应用介绍 什么是rollup？vite webpack vite与webpack的比较 为什么vite更快，vite实现原理

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

webpack 原理图 vite 原理图 区别： 1.vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。而webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。 2

一、什么是Loader loader 用于对模块的"源代码"进行转换，在 import 或"加载"模块时预处理文件 webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生