1

ビルド システムをセットアップしようとしていますが、LiveReload が必要なファイルを処理するのに問題があります。現在のgulpfileを以下に含めました。gulp コマンドを実行すると、サーバーが「localhost:35729/」で実行されていることがわかります。ただし、ブラウザでアドレスにアクセスすると、次のメッセージが表示されます。

{"tinylr":"Welcome","version":"0.1.6"}

Chrome LiveReload 拡張機能は、オフライン ディレクトリにあるインデックス ページのバージョンをリロードしないため、基本的に、このメッセージではなくここにインデックス ページを表示する方法を知る必要があります。

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var sass = require('gulp-ruby-sass');
var livereload = require('gulp-livereload');

function errorLog(error) {
    console.error.bind(error);
    this.emit('end');
}

// Scripts Task
// Uglifies
gulp.task('scripts', function(){
    gulp.src('js/*.js')
    .pipe(uglify())
    .on('error', errorLog)
    .pipe(gulp.dest('minjs'))
});

//SASS Task
//Compiles SASS
gulp.task('sass', function(){
    return sass('scss/*.scss', { style: 'compressed' })
    .on('error', errorLog)
    .pipe(gulp.dest('./css'))
    .pipe(livereload());
});

// Watch Task
// Watches JS and CSS
gulp.task('watch', function(){
     livereload.listen();
     gulp.watch('js/*.js', ['scripts']);
     gulp.watch('scss/*.scss', ['sass']);
});

gulp.task('default', ['scripts', 'sass', 'watch',]);
4

1 に答える 1

0

はい、結局そうしました。基本的に、LiveReload Chrome アプリケーションはオフライン ファイルの変更を監視しません (つまり、ディレクトリから直接開いたファイル)。これに対する私の解決策は、サイト ディレクトリをホーム ディレクトリとして MAMP Web サーバーを構成することでした。次に、代わりに Web サーバーのインデックス ページを開き、LiveReload Chrome ボタンをクリックして、変更の監視を開始することができました。

MAMP サーバーをセットアップすることが必ずしも必要な解決策であるとは思いません。モバイル デバイス用のサイトもテストできるようになったので、これが私の対処方法でした。

于 2015-10-16T17:27:23.433 に答える