Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将Express JS添加到一口中+;SASS&x2B;帕格项目_Javascript_Node.js_Twitter Bootstrap_Express_Gulp - Fatal编程技术网

Javascript 将Express JS添加到一口中+;SASS&x2B;帕格项目

Javascript 将Express JS添加到一口中+;SASS&x2B;帕格项目,javascript,node.js,twitter-bootstrap,express,gulp,Javascript,Node.js,Twitter Bootstrap,Express,Gulp,我最近刚从bootstrapious购买了一个bootstrap模板(),它是使用Pug、Gulp和SASS编写的。我还应该注意到,我对模板引擎和吞咽本身还比较陌生 在过去的几天里,我一直在努力理解如何使用expressjs扩展模板,以便从后端Spring引导应用程序调用routes来调用REST函数。然而,到目前为止没有运气 我所尝试的: 创建一个Express JS green field项目,安装Pug和BrowserSync以编译.scss文件。但是,当我从快捷路线调用Pug文件时,没

我最近刚从bootstrapious购买了一个bootstrap模板(),它是使用Pug、Gulp和SASS编写的。我还应该注意到,我对模板引擎和吞咽本身还比较陌生

在过去的几天里,我一直在努力理解如何使用expressjs扩展模板,以便从后端Spring引导应用程序调用routes来调用REST函数。然而,到目前为止没有运气

我所尝试的:

  • 创建一个Express JS green field项目,安装Pug和BrowserSync以编译.scss文件。但是,当我从快捷路线调用Pug文件时,没有样式,即使我已经导入了它们。expressjs似乎没有导入已编译的SASS样式。这似乎是一条路要走,但我无法正确导入样式,使页面看起来像它应该的样子,这就是我进入第二个思考过程的原因

  • 我还尝试在使用gulp启动前端时同时启动express server,以便从express server调用路由。但这个“解决方案”看起来真的很糟糕,而且也不起作用

我的思考过程是否正确,第一个选项应该是我所选择的选项?您通常如何将已编译的SASS样式包含到Pug文件中?有没有人有一个很好的例子来说明如何做到这一点?问题的一部分可能还在于,我无法真正了解这样的事情通常是如何完成的,因为我还没有找到一个可以作为我项目基础的参考实现

到目前为止,我还没有找到关于这个主题的好信息,这就是为什么我要接触So社区


多谢了,原来开发该模板的gulp/pug版本的团队也创建了该模板的reactjs版本


解决方案是购买react版本并退还另一个:)

是否有理由不将引导模板主题站点作为Spring引导服务器的静态资源提供服务?我试图理解与之竞争的HTTP服务器。我可以从我的Spring Boot服务器提供静态HTTP文件,但我想将前端和后端分开,以便可以分别扩展前端和后端。如果我现在忽略这一点,仍然存在一个问题,那就是如何将RESTAPI中的动态数据添加到站点本身。帕格肯定会帮上忙,因为它是用来做这种东西的。分离==好主意。没有看到这个项目(我知道你不能分享),这太难猜测了。我实际上可以分享的是gulp文件本身()。如果这无助于澄清问题,您是否有一个使用sass设置帕格模板样式的参考实现?这将是一个很好的开始,我可以尝试一下。谢谢。默认的Gulp任务(从项目文件夹中的命令提示符运行
Gulp
)已经为您构建并启动了一个开发服务器。当您编辑项目中的任何资产时,它会重新编译并显示输出。你有你需要发展的一切。一旦您准备好部署,也会有一些吞咽任务。