文章/答案/技术大牛

发布

社区首页 >问答首页 >在用Gulp构建html时，可以忽略html中的一些行吗？

问在用Gulp构建html时，可以忽略html中的一些行吗？
EN

Stack Overflow用户

提问于 2015-06-18 10:35:47

回答 1查看 1.2K关注 0票数 1

我有一个html设置在我的应用程序文件夹，这是复制在dist文件夹下的gulp。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../dist/css/style.css">
</head>
<body ng-app="myApp">
<div ui-view></div>

<!-- build:jsLib js/libs.js -->
<script src="../libs/angular-ui-router/release/angular-ui-router.js"></script>
<!-- endbuild -->

<!-- build:jsApp js/app.js -->
<script src="app.js"></script>
<!-- endbuild -->

<script src="../libs/angular-mocks/angular-mocks.js"></script>


<script type="text/javascript">
    angular.module('testApp', ['mockService', 'productServicesApp', 'ngMockE2E']);
</script>

</body>
</html>

该部分用于进行虚假的服务调用，我不希望它出现在部署文件中：

//something like *ignore this*
<script type="text/javascript">
        angular.module('testApp', ['mockService', 'productServicesApp', 'ngMockE2E']);
</script>

是可以忽略这一行的吞咽吗？

gulp

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-18 14:23:58

是的这是可能的。这样做的一个不错的插件就是吞咽-清除-代码插件。

下面是如何使用它的示例

HTML:

<div>
  <!--removeIf(production)-->
  <div class="sandbox-banner">Running in sandbox environment</div>
  <!--endRemoveIf(production)-->

  <span>Removing code is ready.</span>
</div>

GULP:

var gulp = require('gulp');
var removeCode = require('gulp-remove-code');

HTML_FILES = '/path/to/html/**/*.html';

gulp.task('clean-html', function() {
  return gulp.src(HTML_FILES)
    .pipe(removeCode({ production: true }))
    .pipe(gulp.dest('dist/'));
});

然后你就说

gulp clean-html

这些注释标签中的任何内容都将被删除。而且，传递给removeCode的对象不是特定于命名空间的。所以你可以把名字改为任何东西。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30913004

复制

相似问题

问在用Gulp构建html时，可以忽略html中的一些行吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在用Gulp构建html时，可以忽略html中的一些行吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在用Gulp构建html时，可以忽略html中的一些行吗？
EN