如何使用 Svelte + Flask (Jinja2) 模板？

Question

简介： 在现有的 Flask 应用程序中使用 Svelte 而不是 jQuery。

问题：我们有一个现有的 Flask/Jinja2 服务器端渲染网站。它使用jQuery。我想在没有SPA/Sapper/Router/等的情况下使用 Svelte 。就像一个图书馆。当然，Svelte 是一个编译过的预处理器，它生成优化的 vanilla JS 来管理状态/反应性，而没有影子 DOM 或 React/Angular 使用的任何其他技巧。

要求：多页应用程序，不能是 SPA。不需要路由，我们可以刷新页面 :) 并且页面之间不需要共享状态（当然 cookie 除外）。

影响：Svelte 很棒，但绝大多数企业和沉默的大多数已经拥有用 Flask/Django 编写的带有一些 JS 功能（很可能是 jQuery）的网站。使用 Svelte 等预处理器为现有网站添加交互性/反应性不是很好吗？不是每个人都有构建 SPA 应用程序的奢侈，不构建应用程序还有其他原因（例如 SEO）。

可能的想法：

• Webpack：将 Svelte 应用程序预处理为 .js 文件 + .html 文件。通过 Jinja2 模板引擎渲染后同时提供两者。

Vue.js 如何做到这一点：如何通过 Vue 而不是 Jinja 进行渲染

想法？我对 Webpack 不够熟悉，但 Svelte 似乎非常适合采用 Javascript 交互性/反应性并预编译它以在 Flask/Jinja2 或 Django 应用程序中提供服务。好处是惊人的：摆脱 jQuery，添加组件架构，速度快，原生 JS，体积小！