Yeoman：“咕噜咕噜”任务和相对路径

我正在使用Yeoman。我对它很陌生。我试图在我的网站的子目录中建立一个项目，并在我的index.html文件中，我想访问存储在我网站其他地方的目录中的文件。这里的事情是如何建立一个粗略的想法：Yeoman：“咕噜咕噜”任务和相对路径

main site -> css -> grid.css 
      |  -> main.css 
      | 
      -> project -> app -> index.html 
        | 
        -> dist 
        | 
        -> test 
        | 
        -> gruntfile.js etc

的问题是，如果index.html中我试着然而，许多使用这种相对路径

'./../../css/grid.css'

（或../ s需要到达实际文件），然后运行'grunt serve'服务器似乎无法找到它们。那么，我怎么能告诉这些文件存在？

在使用WAMP和PHP之前，我只需要设置一个变量，并在实况环境和测试环境之间有一个包含文件的地方。我猜测类似的可能使用Grunt，但我不确定如何将该变量插入到HTML中并将其提取出来。

任何想法？

在此先感谢。

来源

2014-02-23 Godwhacker

你用什么自耕农发电机共同文件？（'yo webapp'？） - 为什么你的项目之外的css文件？他们应该是像'project/app/css /' –

我使用标准的yo webapp生成器。这些文件在项目之外，因为它们在其他项目中很常见，我不想在每次启动新文件时将它们复制并粘贴到app/styles /目录中。 – Godwhacker

如果您的文件位于您的项目之外，那么请在运行该项目之前将您的Grunt脚本更改为将文件复制到项目中。

一个更好的方法我使用了几次，是我创建了一个通用项目，并使用Bower将这个通用项目包含在我的web项目中。这将通过增加这样一行到你的bower.json

"my-common": "../common/",

然后鲍尔将确保包中的所有文件来完成同样的方式，因为它会与其他亭子的组件（jQuery的，引导等做）

在你的HTML，你将不得不以参考，以你喜欢这个bower_components/my-common/my-file.css

来源

2014-02-25 12:49:27

美妙的想法，作品一种享受。干杯！ – Godwhacker

Yeoman：“咕噜咕噜”任务和相对路径

回答

相关问题