如何使用 Rails 6+ 和 Sprocket 安装 Svelte 框架（无 webpack）

Question

我有一个 Rails 6 应用程序，我只想在客户端使用 Svelte

我安装了nodeJS、NPM和Yarn。

现在，我如何将 Svelte 安装到这个应用程序没有 webpack，仅使用 sprocket？

Answer 1

您可以通过添加 gem 来使用 jsbundling，然后您可以选择 esbuild、rollup 或 webpacker。

这篇文章总结得很好：https://anonoz.github.io/tech/2021/12/11/rails-tailwindcss-svelte.html

jsbundling 的另一个资源：https://github.com/rails/jsbundling-rails

另一个选择是从 Rails 7 开始并从头开始声明 esbuild。然后你就可以使用 Yarn 将 Svelte 添加到项目中。

Answer 2

我一直在开发一个插件，

actionview-svelte-handler

，以允许使用 Svelte 作为视图的模板处理程序（如 ERB）；即创建

index.html.svelte

视图。

它不需要任何资产管道设置，因为它将其依赖项直接注入到 HTML 头中，并且组件作为独立的岛提供。

此外，它不需要 Webpack，因为它从不向您公开构建步骤，它在后台处理它（使用

esbuild

），然后缓存包。

文档位于 https://codeberg.org/reesericci/actionview-svelte-handler

希望这有帮助，

--里斯