问题标签 [snowpack]

我想将 Ant Design 与 Snowpack 一起使用。我遵循了 And Design 文档并安装了 antd，但是每当我运行我的应用程序时，都无法解决依赖关系。

我收到以下错误消息：

我的 App.tsx：

我的 package.json 依赖项：

我错过了什么吗？

snowpack 比 webpack 超级快。但是我遇到了一些问题，例如当我导入 font-awesome 我的反应项目时它失败了。导致雪包不会加载字体 (.woff2) 文件。

snowpack官网没有关于这个话题。

现在如何解决？

我在运行 npm start used snowpack.dev https://www.snowpack.dev/时收到此错误

雪

如何在将 Snowpack 添加到现有 Node.js 项目时指定公共 HTML 文件夹？

我现有的项目结构：

我添加了雪包：

然后在运行 Snowpack 开发服务器时：

我进入No webpage was found for the web address: http://localhost:8080/浏览器。

我希望./public/成为 Snowpack 的默认 Web 文件夹，但显然它需要一些配置。

我在前端代码中使用私有 JavaScript 类方法，在开发工作流程中使用Snowpack。

目前（从 v2.15.0-pre.5 开始），Snowpack 似乎不能很好地与私有类方法一起使用，即，在使用以下方法构建时失败snowpack build：

复制的回购是here。克隆后，运行：

我已经打开了一个关于 Snowpack 的问题，但显然问题在于与 Rollup 的集成，并且修复不是优先事项。

据我了解，要解决它，我们需要：

• Snowpack的自定义汇总插件。
• 这样的插件应该acornInjectPlugins用来注入acorn-private-methods。

在我深入学习 Rollup 生态系统之前，我想知道是否有人可以提供一个示例？

或者也许还有另一种方法可以让它发挥作用？

由于时间限制，我现在重新开始使用_methodName，但我计划在时间允许时提供修复。#methodName

我能够部分设置 rollup + svelte + tailwind + multi-page ，但它速度慢且调试困难。

虽然这里有 svelte + snowpack + tailwindcss https://github.com/agneym/svelte-tailwind-snowpack

但多页雪包是我无法弄清楚的。我什至找不到多页雪包设置的任何文档。

谁能帮我弄清楚如何设置 Snowpack + Svelte + multi-page + Tailwind-css ？

我将 React 与 Snowpack 和react-refresh 插件一起使用。

更改后，snowpack 开发服务器重新编译正确，浏览器收到 HMR 更新信号 - 但内容没有重新加载，更改仅在手动重新加载页面后可见。

我已经用 Firefox、Chrome 和 Brave 进行了测试。

根据文档，除了包含插件之外，您无需配置任何其他内容。

有人有想法吗？将不胜感激！

我正在尝试在另一个文件夹中编译 Svelte 组件，即使使用 snowpack.config.json 文件中的别名，Snowpack 也找不到路径。

感谢您对这项工作的任何帮助！

这是 snowpack.config.json 文件。

.svelte 文件中的导入

npm start 给出这些错误...

我正在开发一个 Svelte 项目，它有多个页面（实际上是 5 个不同的 html 文件）并且我使用Snowpack进行测试，使用带有Webpack的Snowpack进行捆绑，因为未捆绑的网站有太多（超过 80 个）请求，因为每个文件都有单独的文件纤细的组件。对于 4mbps 的网络，80 个请求会在几秒钟内加载，但我仍然认为仅在索引页面上有 80 个请求是可怕的.......js

问题是我对Webpack的结果不满意。我之前使用Rollup进行捆绑（Svelte 默认）并切换到 Snowpack 以更快地重新加载。

汇总结果示例（由于为使用相同细长组件的每个页面生成单独的文件，很少有代码重复）

请注意，这是示例，我的应用程序包大小约为 750kb

Webpack 结果示例

Webpack为每个页面生成一个大包和类似指针的 js，例如 在 index.js 里面

CSS文件是一个 ~40kb 包，但我曾经为每个页面单独获取 ~7-8kb css。现在好不开心

捆绑详情

我之前为多个输入/输出配置了 Rollup，我很高兴最终为每个页面设置了理想大小的 css 和 js。

现在我使用@snowpack/plugin-webpack，并且我对 webpack 不太了解，所以我无法根据需要修改配置..

期望的结果

我需要为每个页面捆绑，就像我在Rollup中一样，带有一个大 js 的Webpack捆绑会显着减慢第一次加载。我希望每个页面的包更小，代码重复并不重要，因为共享组件很小。 请注意，以上是示例，我的应用程序包大小约为 750kb

在我的反应项目中，嵌套路径的硬刷新不起作用。然后雪包配置尝试从文件夹“ dist ”加载并且无法提供该页面。

像雪包文档中的配置：

错误

http://localhost:3000/myfolder/id