使用rollup设置vue3？

Question

我想用现在可用的vuejs3测试版来设置一个项目。我想把它编译成es模块，所以我不能使用webpack。

是否有任何种子项目/指南可用于使用rollup设置vue3以发出es模块包。

Answer 1

如果您有机会，可以在https://github.com/vuejs/vite上查看vuejs/vite

此服务器允许您构建单个文件组件。但它也使用rollup，因此查看代码可能也会有所帮助。

有趣的部分在这里https://github.com/vuejs/vite/blob/19f8358a47251b35557f4c2bdd8a3ac2b7ef96c0/src/node/build/index.ts#L179

但重要的部分是vue-3友好的汇总插件"rollup-plugin-vue": "^6.0.0-alpha.8"

Answer 2

我已经为rollup +vue3创建了这个种子项目设置：https://github.com/gautam1168/rollup-vue-next

有关此种子项目的逐步创建，请参阅此处：https://gautam1168.com/posts/rollup-vue-3/