在前端开发中，Rollup 是一款强大的模块打包工具，尤其适合现代 JavaScript 库的构建。它以简洁高效著称，能够帮助开发者优化代码体积和性能。今天，让我们一起探索如何用 Rollup 来进行项目打包吧！💫
首先，我们需要安装 Rollup 和相关插件：`npm install rollup -D`。接着，在配置文件 `rollup.config.js` 中定义输入与输出路径。例如：
```javascript
export default {
input: 'src/index.js',
output: {
file: 'dist/bundle.js',
format: 'cjs'
}
};
```
通过这样的设置，Rollup 会将所有依赖打包成一个文件，减少 HTTP 请求次数，提升加载速度。💡
此外，别忘了添加 Babel 或 TypeScript 插件，以支持更复杂的语法转换。例如：
```bash
npm install @rollup/plugin-babel @babel/core @babel/preset-env -D
```
最后，运行命令 `npx rollup -c` 即可完成打包任务。🎉
掌握 Rollup 后，你会发现它不仅是工具，更是提升效率的好伙伴！🚀