rollup 打包vue2组件
💡
原文中文，约1700字，阅读约需4分钟。
📝
内容提要
本文讨论了使用Rollup打包Vue组件的优势，特别是在使用vue-cli创建项目时。Rollup能够生成cjs、es和umd格式的包，而Webpack5在这方面的支持有限。文章提供了Rollup的配置示例，并强调使用特定版本的rollup-plugin-vue以避免与Vue2不兼容的问题。
🎯
关键要点
- 使用Rollup打包Vue组件可以生成cjs、es和umd格式的包。
- 在使用vue-cli创建项目时，Rollup的打包能力优于Webpack5。
- 需要使用特定版本的rollup-plugin-vue（5.1.9）以避免与Vue2不兼容的问题。
- Rollup配置示例中，需引入commonjs和VuePlugin插件。
- 在项目中使用rollup命令进行打包，最终输出为es模块。
❓
延伸问答
使用Rollup打包Vue组件有什么优势？
Rollup可以生成cjs、es和umd格式的包，打包能力优于Webpack5。
在使用vue-cli创建项目时，Rollup和Webpack5的比较如何？
在vue-cli项目中，Rollup的打包能力优于Webpack5，尤其是在输出模块格式方面。
使用Rollup打包Vue2组件时需要注意什么？
需要使用特定版本的rollup-plugin-vue（5.1.9），以避免与Vue2不兼容的问题。
Rollup的配置示例中需要引入哪些插件？
需要引入commonjs和VuePlugin插件。
如何在项目中使用Rollup进行打包？
可以通过在项目中运行rollup命令进行打包，最终输出为es模块。
如何解决Vue-loader版本不兼容的问题？
需要将vue-loader切换到14.2.3版本，以支持Vue2。
➡️
