标签: snowpack

使用 Snowpack 的多个入口点

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

站点上的每个 HTML 页面(共 20 个)都有自己的 index.js,它是该页面的起点,并且独立于站点上的其他页面。这将如何在 Snowpack 中工作?

我在 Github 上发现了一些关于多个入口点的讨论,但阅读评论我无法确定这是否受支持。如果不支持,我是否需要为每个 index.js 运行 Snowpack?或者是否有另一种快速开发工具适用于这个用例?

snowpack

5
推荐指数
1
解决办法
193
查看次数

使用 postcss 分号或块预期错误 svelte

我已经建立了一个带有 Snowpack 的 svelte 项目,其中我尝试使用顺风进行样式设置,但是使用悬停或焦点等状态会导致 VS Code 抛出错误

Semicolon or block is expected

If you expect this syntax to work, here are some suggestions:
If you use less/SCSS with `svelte-preprocess`, did you add `lang=\"scss\"`/`lang=\"less\"` to your `style` tag? If you use SCSS, it may be necessary to add the path to your NODE runtime to the setting `svelte.language-server.runtime`, or use `sass` instead of `node-sass`.
Did you setup a `svelte.config.js`? 
See https://github.com/sveltejs/language-tools/tree/master/docs#using-with-preprocessors for more info.
Run Code Online (Sandbox Code Playgroud)

导致问题的一个代码示例是

<style lang="postcss">
  button {
    @apply …
Run Code Online (Sandbox Code Playgroud)

css postcss svelte tailwind-css snowpack

5
推荐指数
0
解决办法
1854
查看次数

让 svelte-material-ui 与 Snowpack 和 sass 一起使用

我正在尝试使用 Snowpack 获得 svelte 材质 UI。\n我已经安装了 Snowpack 和 Snowpacks svelte 模板,如下所示:

\n\n
npm install --save-dev snowpack@next\nnpx create-snowpack-app xpapp --template @snowpack/app-template-svelte\n
Run Code Online (Sandbox Code Playgroud)\n\n

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

\n\n

所以我安装了 Sass 并在我的snowpack.config.json如下所示:

\n\n
{\n  "extends": "@snowpack/app-scripts-svelte",\n  "scripts": { \n    "build:scss": "sass"\n  },\n  "devOptions": {},\n  "installOptions": {}\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

我按照此处的(非常简洁的)说明进行操作: https: //www.snowpack.dev/#sass

\n\n

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

\n\n

问题是我当前在启动 Snowpack 开发服务器时遇到此错误:

\n\n
> snowpack dev\n\nSnowpack Dev Server (Beta)\nNOTE: Still experimental, default behavior may change.\nStarting up...\n\n\xe2\xa0\x99 snowpack installing... @smui/icon-button, …
Run Code Online (Sandbox Code Playgroud)

sass rollupjs snowpack

4
推荐指数
1
解决办法
2626
查看次数

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

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

我现有的项目结构:

Root
|-src/
|-public/index.html
Run Code Online (Sandbox Code Playgroud)

我添加了雪包:

npm install --save-dev snowpack 
Run Code Online (Sandbox Code Playgroud)

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

npx snowpack dev
Run Code Online (Sandbox Code Playgroud)

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

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

node.js snowpack

1
推荐指数
1
解决办法
1673
查看次数

标签 统计

snowpack ×4

css ×1

node.js ×1

postcss ×1

rollupjs ×1

sass ×1

svelte ×1

tailwind-css ×1