Javascript Gulp browserify JS,但替换修订参考,如Gulp usemin
所以我已经用了一段时间的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
<!-- 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>