node.js - 用于 Mocha 测试的 Grunt : How to correctly setup . html 文件？

Question

我是 grunt 和 tests 的新手，目前我的设置如下:
Grunt 运行任务，之后我有 build 文件夹，其中我有我编译的 index.html 和他的所有资源(css, js, 图片)
现在我想使用 grunt-mocha-phantomjs 运行测试，它需要添加到我的 index.html 中，例如:

<link href="../node_modules/mocha/mocha.css" media="screen" rel="stylesheet" type="text/css" />

在 head 标签内并且:

<div id="mocha"></div>
<script src="../node_modules/mocha/mocha.js" type="text/javascript" charset="utf-8"></script>
<script src="../node_modules/chai/chai.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
mocha.ui('bdd');
expect = chai.expect;
</script>
<script src="test.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8">
mocha.run();
</script>

body 标签内。

我也希望能够在网络浏览器中打开修改后的 index.html。 (我已经为它设置了 apache 并且 example test 在 grunt 和网络浏览器中都很好用)
所以我计划使用任务 grunt-contrib-copy 将所有文件从我的 build 目录复制到 test 目录并将这些行添加到 index.html 然后启动 mocha_phantomjs 任务。

• 这是正确的做法吗？
• 哪个 NpmTask 可以做到？

Answer 1

不确定“这样做是否正确？”部分，但我解决了。
我使用了 grunt-html-build 及其 Removing parts功能。
移除build文件夹的phantom代码，保留testing文件夹。
效果很好。