GULP中的Ctrl+S之后,实时重新加载不起作用
Live reloading not working after Ctrl + S in GULP
我不知道为什么那些实时重新加载的任务在上次Ionic Update之后就消失了。现在我正在尝试解决这个问题,但仍然想知道为什么不起作用。我在这里遵循这个指南,但仍然看不出我有什么错误。
查看我的gulpfile.js
的某些部分
var paths = {
sass: ['/scss/**/*.scss'],
js: ['www/js/*.js', 'www/js/**/*.js', '!www/js/lib.min.js', '!www/js/code.min.js']
};
gulp.task('compress-lib', function() {
gulp.src([
'./www/lib/ionic/js/ionic.bundle.min.js'
])
.pipe(concat('lib.min.js'))
.pipe(gulp.dest('./www/js'))
});
gulp.task('compress-js', function() {
gulp.src([
'./www/js/app.js',
'./www/js/lines/controller.js',
'./www/js/lines/service.js'
])
.pipe(ngAnnotate())
.pipe(concat('code.min.js'))
.pipe(gulp.dest('./www/js'))
});
// JSHint task
gulp.task('lint', function() {
gulp.src(paths.js)
.pipe(jscs())
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
gulp.task('sass', function(done) {
gulp.src('./scss/ionic.app.scss')
.pipe(sass({onError: function(e) { console.log(e); } }))
.pipe(autoprefixer('last 2 versions', 'Chrome', 'ios_saf','Android'))
.pipe(gulp.dest('./www/css/'))
.pipe(minifyCss({
keepSpecialComments: 0
}))
.pipe(rename({ extname: '.min.css' }))
.pipe(gulp.dest('./www/css/'))
.on('end', done);
});
gulp.task('watch', function() {
gulp.watch(paths.sass, ['sass']);
gulp.watch(paths.js, ['lint', 'compress-js']);
});
每次我对一个文件执行ctrl + s
,在本例中为www/js/lines/controller.js
,在控制台上,您都可以看到以下内容:
[14:41:11] Starting 'lint'...
[14:41:11] Finished 'lint' after 17 ms
[14:41:11] Starting 'compress-js'...
[14:41:11] Finished 'compress-js' after 5.31 ms
JS changed: www/js/lines/controller.js
JS changed: www/js/code.min.js
这意味着有些任务可以正常工作,但如果我想在视图中看到这些更改,我必须转到控制台并键入gulp
,你知道为什么应用程序不在ctrl + s
之后重新加载吗?
更新
这就是我试图实现的(你可以在我上面粘贴的链接上看到):
"监视任务用于在我们更改文件时运行任务。当您编写代码和修改文件时,gulp.watch()方法将侦听更改并自动再次运行我们的任务,这样我们就不必每次都连续跳回命令行并运行gulp命令"
我知道这是解决问题的方法,但使用实时服务器而不是实时重新加载,看看这是否有效。因为我在过去也遇到过很多实时重新加载的问题。
npm install live-server
然后:
live-server
注意:键入上面的命令时,请确保您位于项目的目录中。
相关文章:
- 弹出加载不起作用
- GULP中的Ctrl+S之后,实时重新加载不起作用
- 影子盒加载不起作用
- 余烬 CLI 实时重新加载不起作用
- 在Javascript中保存和加载不起作用
- 路由到新页面时加载不起作用
- IE11 脚本加载不起作用(有时)
- 砌体图像加载不起作用
- Jquery 移动加载不起作用
- 在javascript/jquery中加载不起作用
- jquery瀑布插件's等待图像加载不起作用
- 简单的Jquery/Ajax加载不起作用
- 代码点火器&AJAX-Div重新加载不起作用
- HTML加载不起作用
- 有什么原因吗('img')加载不起作用(jQuery)
- 弹出加载不起作用
- 图像加载不起作用,错误Uncaught TypeError:类型错误
- 窗口加载不起作用
- 加载不起作用,但鼠标悬停正常工作
- 在wordpress中,ajax加载不起作用