问题标签 [snowpack]

我开始玩雪包。它采用与 Webpack 不同的方法，在安装后立即捆绑各个包。

“问题”是，当我安装一个包时，我必须先运行npm install --save my-package，然后我必须手动将其打包为npx snowpack. Snowpack 文档提到我可以包含一个脚本，该prepare脚本将snowpack在运行后执行所有操作，npm install但不适用于单个包，仅适用npm install于我的package.json. 据我所知，npm docs中提到的所有 npm 钩子都是这种情况。

有什么方法可以在我安装单个软件包时自动运行脚本？我能想到的唯一方法是覆盖安装脚本并添加一些东西。GitHub 或其他地方有这方面的例子吗？

更新：为了澄清起见，我想在npx snowpack每次安装新软件包时运行，--save但最好不要使用--save-dev或不使用--save. 对于任何包，这永远不会有所不同。这将特定于某个回购/项目，而不是我系统上的全局。

snowpack在简单地运行之后运行是不够的，npm install就像通过挂钩postinstall或release. 此外，我想确保在我的项目上工作的开发人员可以npm install --save newdep像往常一样使用然后snowpack运行。我不想要求开发人员使用自定义命名脚本。

我正在尝试使用 snowpack 使用纤细的材质 UI。我已经安装了 Snowpack 和 Snowpacks svelte 模板，如下所示：

这有效，示例苗条页面出现。接下来，我按照 Svelte Material UI 说明“将其捆绑在您自己的代码中”，如此处说明中的“使用”一章所述：https ://github.com/hperrin/svelte-material-ui#usage

所以我安装了 Sass 并在我的snowpack.config.json文件中配置它，如下所示：

我在这里遵循了（非常简洁的）说明：https ://www.snowpack.dev/#sass

src/theme/_smui-theme.scss按照说明，我还向源文件添加了一个空文件，并安装了 nessecary @smui 组件。

问题是我目前在启动 snowpack 开发服务器时遇到此错误：

似乎无法识别@importMaterial UI 中的语句。_index.scss我认为 Snowpack 应该解释/转换 .scss 文件，但它似乎没有这样做。

例如，RxJS 主要导出是这样的：

但是 RxJS 运算符在rxjs/operators. 如何导入这些文件？

谢谢！！

我一直在阅读雪包介绍，并对这个工具感到非常兴奋。不幸的是，在文档末尾，我在支持的库中找不到 Angular。然而，Snowpack 似乎非常灵活，所以我想知道是否有人尝试过将 Snowpack/Angular 设置放在一起。

我想react-admin在一个项目中使用，snowpack但遇到以下错误

我不确定这是一个错误react-admin或其依赖项之一，它可能可以通过更改配置来解决snowpack.config.json

复制步骤

使用Create Snowpack App初始化一个 Snowpack 项目

添加包react-admin

添加以下行src/index.jsx

运行命令启动应用程序

会有一堆警告，如：

然后最后启动脚本以错误结束

将snowpack与 Vue 模板一起使用。只需设置它。但是chrome dev-tools说它不承认它是vue。

我已经使用 vue-cli 部署了一个基本的 Vue 模板应用程序，这个应用程序被识别为 Vue。因此，使用 Vue 处理本地文件可以正常工作。

不确定它还需要什么，或者它是否是雪包特有的东西

也许这是一个tsconfig问题，但我不知道什么是正确的。我使用模板app-template-react-typescript，我发现当我使用src/page它时它可以工作。

这是我的 tsconfig

我正在设置一个 Snowpack 项目，目的是在配置相同的情况下将现有的 Create-React-App 应用程序移入其中。

但是，我还没有找到将.scss文件导入文件的方法.tsx。

Snowpack 文档似乎只讨论将 scss 配置为外部构建的资产，建议将您的 scss 放入单独的css文件夹 { docs link }。但是，我想将我的scss文件保留在它们所属的组件旁边，tsx并将它们导入到我目前的组件中。该文档还引用了一篇讨论 PostCSS 设置的博客文章，但是该文章提出了该方法的一些问题，包括源映射不起作用 - 这不会成功。

我创建了这样的项目：

然后我添加了一个新的 scss 文件，src/test.scss

src/App.tsx并在我的文件中添加了一个导入：

运行时yarn start出现以下错误：

可以将 Snowpack 配置为将 scss 文件导入 tsx 文件，就像它在 Create React App 中的工作方式一样吗？如何？

我看到 VueJS 和 HTML 无序列表元素存在一个奇怪的问题。所有文件都在我的项目中构建，没有任何错误，但在浏览器中，您在页面上看不到任何内容，并且浏览器控制台中出现错误。

我有一个修复（见下面的代码），但很好奇为什么 VueJS 会抛出这个错误以及 VueJS 如何处理浏览器中的基本列表元素？所以我希望有人可以向我解释这个问题，以充分了解这里真正发生的事情。

我正在使用带有 Snowpack 的 Visual Studio 2019 进行编译

我的 html/模板代码：

我的 Vue 组件 ts 代码：

错误：（我的 vue 组件名称是 'applyVEVRAA.vue.js'）

使用 Snowpack 在开发模式下运行时出现此 React 错误

此导入是错误的来源。

这是您需要了解的依赖项。

你知道我该如何解决这个问题吗？

到目前为止，我已经尝试过这些进口，但没有运气。

和