Question

从GitHub存储库添加站点并部署它时发生错误：

# global context
[build]
  publish = "dist"
  command = "gulp build"
# build a preview (optional)
[context.deploy-preview]
  command = "gulp build-preview"
# build a branch with debug (optional)
[context.branch-deploy]
  command = "gulp build-debug"

netlify.toml

<link href="css/my.css">

gulpfile.js-https://github.com/Thr0TT1e/huddle_landing_page/blob/master/gulpfile.js

在Netlify上正确构建项目仍需要哪些设置？该项目是使用gulp构建的，我对大会没有特殊的任务。

Answer 1

尝试在项目的根目录中添加一个netlify.toml文件。在文件内部添加一条路由以指向根文件。像这样：

[[redirects]]
  from = "/"
  to = "/index.html"
  status = 200

Answer 2

我不确定这是否是同一个问题，但是当我尝试部署包含 gulpfile 的存储库时，我不断收到构建错误、404 消息或没有 css 的站点。

如果您像我一样使用 gulp 来编译 node_modules，就像我使用 gulpfile.js 运行 gulp 命令一样，那么您需要做的就是将应用程序文件夹文件上传到存储库并部署该存储库。

https://themesberg.com/blog/tutorial/gulp-4-bootstrap-sass-browsersync

我关注了这个站点来获取 gulp 设置以使用 SASS 和引导程序。这让您设置了一个应用程序文件夹，该文件夹将容纳已编译的 gulp 代码。您将上传到存储库并在 netlify 上部署的是 app 文件夹中的文件和文件夹。

这是我的存储库示例： https://github.com/alexgant/CITPT217-redesign-weiner-works <-- 包含所有代码的存储库，包括 gulpfile.js

https://github.com/alexgant/weinerworks <-- 存储库仅包含上面存储库中的应用程序文件夹。

https://weinerworks-alexis-gantz.netlify.app/ <--这是我使用列出的第二个存储库工作的 Netlify 站点。

与GitHub（gulp）Netlify集成的问题

2 个答案: