【发布时间】：2020-10-31 21:18:25
【问题描述】：
我最近从 bootstrapious 购买了一个使用 Pug、Gulp 和 SASS 编写的引导模板 (https://themes.getbootstrap.com/product/directory-directory-listing-bootstrap-4-theme/)。我还应该注意，我对模板引擎和 Gulp 本身还比较陌生。
过去几天我一直在努力了解如何使用 Express JS 扩展模板，以便我可以调用路由以从后端 Spring Boot 应用程序调用 REST 函数。但是，到目前为止还没有运气...
我尝试过的：
-
创建一个 Express JS 绿地项目，安装 Pug 和 BrowserSync 以编译 .scss 文件。但是，当我从快速路线调用 Pug 文件时，即使我已经导入了样式，也没有样式。 Express JS 似乎没有导入已编译的 SASS 样式。这似乎是可行的方法，但我无法正确导入样式以使页面看起来像它应该的那样，这就是我进入第二个思考过程的原因。
-
我还尝试在使用 gulp 启动前端时并行启动 express 服务器，以便我可以从 express 服务器调用路由。但是这个“解决方案”似乎真的很糟糕，也没有奏效......
我的过程是否正确，第一个选项应该是我选择的那个？您通常如何将已编译的 SASS 样式包含到 Pug 文件中？有没有人有一个很好的例子来说明如何做到这一点？部分问题还可能是我无法真正理解通常如何完成这样的事情，因为我还没有找到可以作为我的项目基础的参考实现。
到目前为止，我还没有找到关于这个主题的好信息，这就是我联系 SO 社区的原因。
先谢谢了
【问题讨论】：
-
您是否有理由不将引导模板主题站点作为 Spring Boot 服务器的静态资源提供？我正在尝试了解竞争的 HTTP 服务器。
-
好吧，我可以从我的 Spring Boot 服务器提供静态 http 文件，但我想将前端与后端分开，这样我就可以分别扩展前端和后端。如果我暂时忽略这一点，仍然存在如何将来自 REST Api 的动态数据添加到站点本身的问题。 Pug 肯定会对此有所帮助，因为它是为这类东西设计的。
-
分离 == 好主意。没有看到这个项目（我知道你不能分享）很难猜测。
-
我实际上可以分享的是 gulp 文件本身 (gist.github.com/Felix-Seip/45c7a3a6704a6a6cca8cfcdb1d851eaa)。如果这不能帮助解决问题，您是否有使用 sass 样式化 pug 模板的参考实现？这实际上是一个很好的开始，我可以尝试一下。
-
谢谢。默认的 Gulp 任务（在项目文件夹的命令提示符下运行
gulp）已经为您构建并启动了一个开发服务器。当您编辑项目中的任何资产时，它会重新编译并向您显示输出。您拥有开发所需的一切。准备好部署后，还有 gulp 任务。
标签： javascript node.js twitter-bootstrap express gulp