Sails.js资产管理和引用

时间:2013-11-30 23:43:13

标签: html html5 node.js bower sails.js

对于noob问题很抱歉,但我正在尝试使用Sails启动一个新应用程序并包含我的资产。我正在使用Bower来管理我的包,例如Bootstrap和JQuery。我读了this question并添加了一个.bowerrc文件,现在将我的Bower组件安装到/assets

我现在很困惑我应该如何继续将这些文件添加到我的项目中。似乎我不能像我习惯的那样在标题中做一个<script>标记,因为它给了我一个未找到的文件。通过阅读sails文档,Grunt似乎应该在我的项目中创建一个.tmp/public/assets文件夹,但每当我运行sails lift并转到.tmp/时,就没有任何内容。

我还在documentation中读到我应该使用某种资产注入,我尝试将其添加到我的HTML中,似乎它没有做任何事情。

我的另一个问题是如何在HTML中引用图像。显然我不能只做像src='assets/images/image.png这样的事情,我该怎么做呢?有什么东西真的很明显我错过了吗?

1 个答案:

答案 0 :(得分:0)

Sails使用grunt任务在提升和构建期间做很多事情。如果你花一些时间从你的sails项目的根目录检查Gruntfile.js里面的内容,你可以更好地了解一切是如何工作的。 关于您的具体问题,这里有一些信息: - 来自sails docs:“为了利用资产注入,缩小和连接,您必须将资产放在资产/链接器下的文件夹中”。这恰恰意味着您将放置在资产/链接器目录中的所有内容将受到提升期间的grunt任务的影响。这意味着链接器中的所有文件/目录都将复制到.tmp / public,并且在保存到.tmp / public之前,还会处理其中一些文件。 - 关于添加标签。如果您查看Gruntfile.js,您会发现以下变量:var cssFilesToInject = [...]和var jsFilesToInject = [...],其中包含在风帆升降期间将自动添加到布局标题的文件。 - 关于你的“其他问题”,是的,如果将这些文件移动到链接器目录(assets / linker),你可以做'src ='linker / images / image.png'之类的事情。

我希望这有帮助:)。