草庐IT

gulp-watch

全部标签

javascript - 为什么 gulp-useref 似乎不适用于替换部分中的注释?

我正在尝试构建一个gulp管道——我想将一些CSS注入(inject)到我的index.html中(这工作正常),然后从源index.html中获取所有其他链接并在输出版本中替换它们。我注意到useref如果要替换的模板化部分包含HTML注释(请参见下面的COMMENT行示例)调用正在处理输出。用代码演示最简单:index.html(源文件)gulpfile.js任务gulp.task('optimizeReplace',function(){varassets=$.useref.assets({searchPath:'./'});returngulp.src('./src/clien

javascript - 如何在 Gulp 中将 CSS 文件的内容注入(inject)到 HTML 中?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我需要将样式表的内容插入一个HTML页面。我如何在Gulp中做到这一点?之前(我拥有的):之后(我想要的):p{color:pink;}请注意,我不需要将CSS内联到元素中,而只是将CSS的内容放在中。.

javascript - AJAX 请求后未调用指令中的 scope.$watch

我有以下指令:MyApp.directive('myFilter',['$filter','$rootScope',function($filter,$rootScope){vardir={};dir.restrict='E';dir.templateUrl='views/myFilter.html';dir.replace=true;dir.scope={name:'@',model:'=',};dir.link=function(scope,el,attrs){//stuffhere}returndir;}]);下面是我如何调用它:当指令第一次初始化时,someField是空的。之

javascript - 捕获 gulp-mocha 错误

我可能遗漏了一些非常明显的东西,但我无法让gulp-mocha捕获错误,导致我的gulpwatch任务在每次测试失败时结束.这是一个非常简单的设置:gulp.task("watch",["build"],function(){gulp.watch([paths.scripts,paths.tests],["test"]);});gulp.task("test",function(){returngulp.src(paths.tests).pipe(mocha({reporter:"spec"}).on("error",gutil.log));});或者,将处理程序放在整个流上也会产生同

javascript - Grunt、Gulp.js 和 Bower 之间有什么区别?为什么以及何时使用它们?

Grunt、Gulp.js和Bower之间有什么区别?为什么、何时以及如何使用它们?我现在看到,大多数前端项目都使用上述工具,尽管我正在使用它们,就像在我最近的项目中一样,我正在使用gulp来构建HTML、CSS和JavaScript,使用类似的脚本$gulpbuild但对所有这些前端框架了解不多,请帮助我对Grunt、Gulp.js和Bower有一个整体的了解。 最佳答案 从本质上讲,有很多细节,Gulp和Grunt都是用于自动执行一系列相互依赖的任务的系统,通常用于定义项目的“构建”,例如make工具的现代版本。通常,一个项目会

javascript - 从 gulp 运行 shell 命令

我想使用gulp-shell从gulp运行一个shell命令。我看到gulpfile使用了以下惯用语。这是从gulp任务运行命令的惯用方式吗?varcmd='ls';gulp.src('',{read:false}).pipe(shell(cmd,{quiet:true})).on('error',function(err){gutil.log(err);}); 最佳答案 gulp-shell已被列入黑名单。你应该使用gulp-exec相反,它也有更好的文档。对于您的情况,它实际上指出:Note:Ifyoujustwanttorun

javascript - 何时在 Angularjs 中使用 $watch 或 ng-change

什么时候应该使用Angular$watch函数以及什么时候使用ng-changeangularjs指令?对我来说,他们都可以做同样的事情。它们之间有什么区别或使用模式吗? 最佳答案 很明显,它们是不一样的。一个单独用于Controller;另一个是输入元素上的指令。但即使在应用上它们也不同。当您使用$watch时,监视的表达式将在每个摘要循环中被评估,如果有变化,则调用处理程序。使用ng-change,处理程序被显式调用以响应事件。使用$watch,更改可以来自任何地方:用户操作、Controller功能、服务-所有这些都会触发处理

javascript - 如何让 Gulp 停止监视文件

如何阻止文件被监视?我没有看到文档中的方法,这对我来说有点奇怪。 最佳答案 这不是一口吞下去的东西。Gulp只是作为一个永无止境的进程运行。中止进程的方法是Ctrl+C。 关于javascript-如何让Gulp停止监视文件,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/21532909/

javascript - gulp 错误 :Unable to minify JavaScript

我正在尝试缩小我正在使用gulptaskrunner的脚本文件我正在尝试gulp-uglify插件代码:gulp.task('concat',function(){returngulp.src('app/**/*.js')//.pipe(concat('script.js')).pipe(uglify()).pipe(gulp.dest('./dist/'))});但我收到错误信息当我尝试将gulp任务作为gulpconcat运行时任何帮助将不胜感激 最佳答案 主要错误是在使用ES6格式时产生的。使用gulp-uglify-es模块

javascript - $watch 与 ng-change、ng-checked 等的 Angular 触发变化

目前我们可以通过多种方式监控数据变化。我们可以使用$watch触发模型更改,我们可以向元素添加指令并将一些操作绑定(bind)到它。在很多情况下这有点令人困惑,所以我很好奇,每个变体的优缺点以及我们什么时候应该使用$watch绑定(bind),以及什么时候像ng这样的指令-改变? 最佳答案 $watch和ngChange的用法完全不同:假设您有一个在作用域上定义的模型:$scope.myModel=[{"foo":"bar"}];现在,如果您想在myModel发生任何更改时执行某些操作,您可以使用$watch:$scope.$wat