使用Grunt将index.html src属性值更改为另一个值

Question

我正在尝试将我的项目index.html文件src修改为另一个src。

我目前

<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>

现在我想把它转换成这样的

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>

我怎么能用grunt做到这一点？

由于

Answer 1

@danywalls的建议是正确的。

插件grunt-processhtml当然可以满足您的要求。

首先将该插件添加到void main() { out_color.rgb = texture( s_textureCamera, g_vVSTexCoord ).rrr * 255.0; } ：

package.json

然后在源$ npm install grunt-processhtml --save-dev中的<script>标记周围添加special comments，如下所示：

index.html

注意：在<!--build:js bower_components/jquery/dist/jquery.min.js--> <script src="../bower_components/jquery/dist/jquery.min.js"></script> <!--/build--> <!--build:js bower_components/angular/angular.min.js--> <script src="../bower_components/angular/angular.min.js"></script> <!--/build--> 评论中，您只需指定希望结果<!--build:js ... -->包含的src路径。

接下来，向您的index.html添加与此类似的任务：

Gruntfile.js