如何在开发环境中使用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问题)
答案 0 :(得分:1)
我想我误解了如何使用咕噜声。
我怀疑最好添加不同的构建目标,例如dev
,production
等,而不只是使用app/
和dist
。
这涉及设置不同的构建目标,设置不同的目标。