3

我是grunt和测试的新手，目前我有这样的设置：
Grunt running tasks 之后我有build文件夹，其中我有我编译的index.html和他的所有资源（css，js，images）
现在我想运行测试使用grunt-mocha-phantomjs它需要添加到我的index.html中，例如：

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

内部头部标签和：

<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>

体内标签。

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

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

1 回答 1

1

不确定“这是正确的做法吗？ ”部分但我解决了。
我使用了grunt-html-build及其移除部件功能。
删除构建文件夹的幻影代码，并将其保留用于测试文件夹。
它工作得很好。

于 2017-08-15T03:56:24.433 回答