我正在寻找从 Webpack 切换到 Snowpack 的开发环境。但是我在 Webpack 中设置了多个入口点,并且我无法找到如何在 Snowpack 中执行此操作的示例。似乎 Snowpack 旨在与只有一个 HTML 页面和一个入口点 Javascript 文件的真正 SPA 一起使用。
站点上的每个 HTML 页面(共 20 个)都有自己的 index.js,它是该页面的起点,并且独立于站点上的其他页面。这将如何在 Snowpack 中工作?
我在 Github 上发现了一些关于多个入口点的讨论,但阅读评论我无法确定这是否受支持。如果不支持,我是否需要为每个 index.js 运行 Snowpack?或者是否有另一种快速开发工具适用于这个用例?
我已经建立了一个带有 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) 我正在尝试使用 Snowpack 获得 svelte 材质 UI。\n我已经安装了 Snowpack 和 Snowpacks svelte 模板,如下所示:
\n\nnpm install --save-dev snowpack@next\nnpx create-snowpack-app xpapp --template @snowpack/app-template-svelte\nRun 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 "extends": "@snowpack/app-scripts-svelte",\n "scripts": { \n "build:scss": "sass"\n },\n "devOptions": {},\n "installOptions": {}\n}\nRun Code Online (Sandbox Code Playgroud)\n\n我按照此处的(非常简洁的)说明进行操作: https: //www.snowpack.dev/#sass
\n\n我还src/theme/_smui-theme.scss按照说明在源文件中添加了一个空文件,并且安装了 nessecary @smui 组件。
问题是我当前在启动 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) 将 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 文件夹,但显然它需要一些配置。