Javascript Gulp browserify JS,但替换修订参考,如Gulp usemin

Javascript Gulp browserify JS,但替换修订参考,如Gulp usemin,javascript,gulp,browserify,grunt-usemin,gulp-sourcemaps,Javascript,Gulp,Browserify,Grunt Usemin,Gulp Sourcemaps,所以我已经用了一段时间的gulp-usemin,一般都很喜欢它。特别是,我喜欢内置的缓存破坏功能 之前 <!-- build:js js/app.js --> <script type="text/javascript" src="js/script1.js"></script> <script type="text/javascript" src="js/script2.js"></script> <script type="t

所以我已经用了一段时间的gulp-usemin,一般都很喜欢它。特别是,我喜欢内置的缓存破坏功能

之前

<!-- build:js js/app.js -->
<script type="text/javascript" src="js/script1.js"></script>
<script type="text/javascript" src="js/script2.js"></script>
<script type="text/javascript" src="js/script3.js"></script>
<!-- endbuild -->
之后

<script type="text/javascript" src="js/app-d8ce9cc5.js"></script>
// index.html (no reference update)
<script type="text/javascript" src="js/bundle.js"></script>
<script src="/js/bundle-b2fbae2b.js"></script>
跑步

return gulp.src( './public/index.html')
    .pipe( usemin({
        js: [uglify(), rev()]
    }))
    .pipe( gulp.dest('./dist') );
return browserify( './public/js/app.js' )
    .bundle()
    .pipe( source('bundle.js') ) 
    .pipe( streamify(uglify()) )
    .pipe( buffer() )
    .pipe( rev() )
    .pipe( gulp.dest('./dist/js') )
var jsStream = browserify( POINT_OF_ENTRY )
    .bundle()
    .pipe( source('bundle.js' ) )
    .pipe( streamify( uglify() ) )
    .pipe( streamify( rev() ) )
    .pipe( gulp.dest( PATHS.dest.js ));

return gulp.src( PATHS.src.html )
    .pipe( inject(jsStream) )
    .pipe( gulp.dest( DIST ) );
之后

<script type="text/javascript" src="js/app-d8ce9cc5.js"></script>
// index.html (no reference update)
<script type="text/javascript" src="js/bundle.js"></script>
<script src="/js/bundle-b2fbae2b.js"></script>
//index.html(无参考更新)
问题是如果我使用
rev
我无法对文件进行哈希/缓存。有什么办法可以把这两个结合起来使用吗?还是一种简单的方法将我的
dist/index.html
bundle.js的引用指向散列版本?我读过这些建议,但相比之下,它们似乎很可怕


在上下文中,我在项目中使用Python/Django/Jade/Sass/Compass。

结果证明解决方案是使用
gulpinject
而不是
gulpusemin

之前

// index.html
<script type="text/javascript" src="js/app.js"></script>

// js/app.js
require('angular');
require('./ngmodules/customFilters');
require('./components/feature/feature');
<!-- inject:js -->
<!-- endinject -->
之后

<script type="text/javascript" src="js/app-d8ce9cc5.js"></script>
// index.html (no reference update)
<script type="text/javascript" src="js/bundle.js"></script>
<script src="/js/bundle-b2fbae2b.js"></script>