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

Question

我是 grunt 和测试的新手，目前我的设置如下：
Grunt 正在运行的任务，之后我有构建文件夹，其中包含我已编译的 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 将我的构建目录中的所有文件复制到测试目录，并将这些行添加到 index.html 然后启动 mocha_phantomjs 任务。

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

Answer 1

不确定＆＃34; 这是正确的方法吗？＆＃34;部分但我解决了。
我使用了 grunt-html-build 及其Removing parts功能 删除幻像构建文件夹的代码，并将其保留在测试文件夹中。
它很棒。