Grunt：如何正确设置 .html 文件以进行 mocha 测试？

Question

我是 grunt 和 tests 的新手，目前我有这样的设置：
Grunt 运行任务，之后我有 index.html 和他的所有资源（css、js、images）的strong>build 文件夹)
现在我想使用 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();
&lt;/script&gt;

在 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 文件夹中。
效果很好。