Question

我正在使用Yeoman。我对它很陌生。我正在尝试在我的网站的子目录中构建一个项目，并且在我的index.html中，我想访问存储在我网站上其他位置的目录中的文件。这是一个关于如何建立事物的粗略概念：

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

问题是如果在index.html中我尝试使用相对路径，例如

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

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

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

有什么想法吗？

提前致谢。

Answer 1

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

我使用了几次更好的approch，就是我创建了一个公共项目，并使用Bower在我的web项目中包含这个通用项目。这可以通过在你的bower.json

中添加这样的一行来完成

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

然后Bower将确保以与使用其他bower-components（jQuery，Bootstrap等）相同的方式打包所有文件

在HTML中，您必须引用常用文件，例如bower_components/my-common/my-file.css

Yeoman：'咕噜咕噜'的任务和相对路径

1 个答案: