Snowpack 的多个入口点

Posted 2023-02-16

【中文标题】Snowpack 的多个入口点

【英文标题】：Multiple entry points with Snowpack

【发布时间】：2021-08-15 20:02:31

【问题描述】：

我正在寻找从 Webpack 切换到 Snowpack 的开发环境。但是我在 Webpack 中设置了多个入口点，但我无法找到如何在 Snowpack 中执行此操作的示例。似乎 Snowpack 旨在与只有一个 html 页面和一个入口点 javascript 文件的真正 SPA 一起使用。

网站上的每个 HTML 页面（总共 20 个）都有自己的 index.js，它是该页面的起点，并且独立于网站上的其他页面。这在 Snowpack 中如何工作？

我在 Github 上发现了一些关于多个入口点的讨论，但是通过阅读 cmets 我无法确定这是否受支持。如果不支持，我是否需要为每个 index.js 运行 Snowpack？或者是否有其他快速开发工具可以在这个用例中工作？

【问题讨论】：

@teachMeSenpai 曾询问我是否找到了解决方法，但我没有。相反，我发现 vite.js 提供了多个入口点并且具有类似的功能。希望这也将成为 Snowpack 很快做的事情。

【参考方案1】：

如果你查看配置文档，你会看到mount 选项是一个对象，这意味着你挂载了多个目录。如果您在挂载目录中有多个***模块，您将获得多个入口点。

例如，以下配置从src 文件夹中获取任何模块并将其输出到构建目录中的dist 文件夹：

mount: 
  src:  url: '/dist' ,
,

假设您有src/index.tsx 和src/module.tsx 文件，您将在输出目录中获得dist/index.js 和dist/module.js 文件。

我刚刚测试过，它可以工作。