所以,一整天都在研究我们新的 FE 工作流程,主要思想是通过观察者运行一些任务,我们将拥有 IDE 和一个窗口,每次发生变化时浏览器都会刷新(scss、js、html、 ETC)。
因此,如果一切顺利,我们将不会看到任何内容:浏览器将重新加载,我们将继续工作。
但是,我们想使用 gulp notification 来处理错误,所以如果出现问题,会弹出通知程序,此时,您可以检查控制台并查看错误。
我们的 sass 任务失败时的示例:
对于我们的样式任务,一切正常,但我无法为 JS 文件完成此任务。
主要是,我无法让 gulp-jshint 按我想要的方式工作。
如下所示:您保存 js 文件,如果失败,则会出现弹出窗口,当您看到此内容时,您将转到控制台并看到 jshint-stylish 的输出。
有人可以帮助我吗?
这是我的(非工作)解决方案:
gulp.task( 'js-hint', function() {
return gulp.src( config.source )
.pipe( plumber() )
.pipe( jshint( config.jsHintRules ) )
.pipe( jshint.reporter( 'jshint-stylish' ) )
.on('error', notify.onError( { message: 'JS hint fail' } ) );
});
显然,我的概念有问题,所以,有人可以帮我找到正确的方向吗?
请注意,我只想始终发出相同的消息“JS 提示失败”
然后,控制台(感谢 jshint-stylish)将为我们提供更多信息。
另外,这将在观察者身上。
JS 提示通过后,将执行更多任务,例如 borwserify,因此重要的是,如果它停止,请“等待”直到我完成修复,然后继续。
Thanks !
PS,我使用:
吞咽3.8.10
gulp-jshint 1.8.6
吞咽通知 2.0.1
在 OSX 10.9.4 上