在开发中使用grunt-processhtml的策略

时间:2014-06-26 04:12:05

标签: gruntjs

如何在开发环境中使用grunt-processhtml

例如,在index.html中,我会做一些像建立角色时加载角度的部分:

<!-- build:include:dist views/template-main.html -->
<script type="text/ng-template" id="views/template-main.html"> -->

</script>
<!-- /build -->

但我只希望在构建环境中发生这种情况,而不是app/所服务的开发环境(grunt serve)环境?

或者,对于一个更常见的例子,

<!-- @if NODE_ENV='production' -->
<script src=" production script "></script>
<!-- @endif -->
<!-- @if NODE_ENV='dev' -->
<script src=" sandbox script "></script>
<!-- @endif -->

如何仅在app/提供的开发环境(grunt serve)中提供沙箱脚本

我是否应该每次执行grunt build而不是grunt / node提供app/的内容,以某种方式更改它以服务于开发构建(即{ {1}})

或者我应该在另一个文件中编写这些dist/指令(或任何预处理器),例如grint-processhtml并将其构建为pre.index.html

否则,如果运行index.html,它将删除指令,如果不是,浏览器显然会忽略grunt-processhtml指令并加载两个脚本。

(这是由Yeoman搭建的AngularJS项目,但是一般的grunt-processhtml问题)

1 个答案:

答案 0 :(得分:1)

我想我误解了如何使用咕噜声。

我怀疑最好添加不同的构建目标,例如devproduction等,而不只是使用app/dist

这涉及设置不同的构建目标,设置不同的目标。

一个很好的解释:Have Grunt generate index.html for different setups