Gulp、Sublime Text 3、および Chrome を使用して Livereload を使用しようとしていますが、何らかの理由で機能しません。これが私がしたことです。
- Chrome に Livereload 拡張機能をインストールしました。
- gulp-livereload をインストールしました。
- gulpfile.js をセットアップします。
- ゴクリ。
ここで何が欠けていますか?Sublime Text 3 用の Livereload プラグインをインストールする必要がありますか?
参考までに - Chrome の Livereload 拡張機能の [オプション] ボタンがグレー表示されています。
私のガルプファイル:
var gulp = require('gulp');
var scssPlugin = require('gulp-sass');
var livereload = require('gulp-livereload');
gulp.task('myStyles', function () {
gulp.src('sass/*.scss')
.pipe(scssPlugin())
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watchMyStyles', function() {
livereload.listen();
gulp.watch('sass/*.scss', ['myStyles']);
});
gulp.task('default', ['watchMyStyles']);
パッケージ ファイル:
{
"devDependencies": {
"gulp": "^3.9.0",
"gulp-livereload": "^3.8.0",
"gulp-sass": "^2.0.4"
}
}