2017-01-24 3 views
0

https://github.com/jhades/angularjs-gulp-example/blob/master/gulpfile.jsのリンクは、bundle.a3503174.jsという名前のバンドルファイルを生成しているようですが、htmlではbundle.jsと参照されています。それはどのように機能するのですか?名前はmd5チェックサム番号で拡張されていますが、システムは正しいバンドルファイルのどこを調べるべきですか?`cachebust.resources()`が `bundle.a3503174.js`を作成した後、` bundle.js`をhtmlから参照する方法は?

答えて

0

質問のリンクは実際にはgulp-cachebustを使用してバンドルを作成し、index.html内のそのバンドルへの参照を適切なファイル名に書き換えます。キーは、次のコード行の中の文cachebust.references()にあります。

gulp.task('build', [ 'clean', 'bower','build-css','build-template-cache', 'jshint', 'build-js'], function() { 
    return gulp.src('index.html') 
     .pipe(cachebust.references()) 
     .pipe(gulp.dest('dist')); }); 

のindex.htmlの非グッバージョン内の参照リンクが/dist/js/bundle.jsあるもののなります。その参照は、index.htmlのgulpバージョン内でjs/bundle.a3503174.jsと書き直されています。

関連する問題