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

Posted

技术标签:

【中文标题】如何在将 Snowpack 添加到现有 Node 项目时指定公共 HTML 文件夹?【英文标题】:How to specify the public HTML folder while adding Snowpack to an existing Node project? 【发布时间】:2021-01-17 17:00:48 【问题描述】:

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

我现有的项目结构:

Root
|-src/
|-public/index.html

我添加了雪包:

npm install --save-dev snowpack 

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

npx snowpack dev

我在浏览器中收到No webpage was found for the web address: http://localhost:8080/

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

【问题讨论】:

【参考方案1】:

如何在将 Snowpack 添加到现有 Node.js 项目时指定公共 HTML 文件夹? ... 我在浏览器中收到No webpage was found for the web address: http://localhost:8080/

我是 Snowpack 的新手,我在文档中找不到这个特定问题的答案,所以需要进行一些谷歌搜索和试验。回答我未来的自己:

如果我们从模板创建一个空白的 Snowpack 项目:

npx create-snowpack-app proj --template @snowpack/app-template-blank

然后我们会得到./proj/snowpack.config.json,这是我们可以设置或更改文件夹映射的地方,我们可以将此文件复制到现有项目的Root


  "mount": 
    "public": "/",
    "src": "/_dist_"
  ,
  "plugins": []

【讨论】:

嗨,感谢您的问答,顺便说一下,我面临同样的问题javascirpt npx create-snowpack-app proj --template @snowpack/app-template-blank ,没有做 npx 并克隆黑色项目,相同的 snowpack.config.mjs 设置不起作用如果我安装雪包并在雪包配置中指定挂载目录,则在运行项目后我会得到一个 404,所以对你来说,它也只有在你执行 npx 时才有效,或者如果你自己安装雪包并配置雪包,它是否有效查看 src 目录 @VINITCHURI 我处理它已经有一段时间了,我无法验证你所询问的行为,抱歉。

以上是关于如何在将 Snowpack 添加到现有 Node 项目时指定公共 HTML 文件夹?的主要内容,如果未能解决你的问题,请参考以下文章

Snowpack 无法从 node_modules 导入 JavaScript

Snowpack 配置仅从 package.json 构建模块

在将带有空字符串的新列添加到熊猫数据框时替换现有列名

您如何使用 Snowpack 与 dev、pre 和 prod 合作?

更改后,Snowpack 开发服务器不会重新编译 node_modules 中的文件

将节点添加到现有 Cassandra 集群