使用 Snowpack 转译 Web 组件和包依赖项

问题描述

我正在使用 Django 构建 SSR 网站并使用 Django 来提供静态文件。我还使用 lit-element 和 Typescript 构建了一些 Web 组件。我想避免 Webpack 的复杂性,而是使用 SNowpack。组件存储在 /static/js/components

要使用这些组件,我需要 (1) 将它们转换为 Javascript,(2) 使它们的依赖项可用(例如 lit-element)和 (3) 移动发生的文件以及 {{1} } 文件夹到 Django 的 _sNowpack 文件夹。

仅使用 /static/ 即可完成这两项操作,但会创建一个 sNowpack build 文件夹,其中包含应用程序的完整副本。据我了解,buildOptions.out 仅移动输出文件夹(因此,如果 build,则完全覆盖 static/)。我想可以编写必要文件的复制脚本并立即删除 buildOptions.clean===true 文件夹的其余部分,但这让我觉得很不雅。

是否有只创建 build 和转译文件到特定目录的配置?

解决方法

Django staticfiles module 支持为静态文件设置多个目录,并使它们都在同一个 /static/ URL 下可用。 这样,您就不必将这些不同类型的资产复制到同一文件夹中,然后才能使用 Django 为它们提供服务。