gulp压缩html中的jq,gulp打包，读取不到JS路径

是这样的, 我是把bower component中的所有plugin打包压缩到同一只中..下面是我的gulpfile.js

gulp.task('js:lib', function() {

return gulp.src([

'bower_components/jquery/dist/jquery.js',

'bower_components/jquery-ui/jquery-ui.js',

'bower_components/microplugin/src/microplugin.js',

'bower_components/sifter/sifter.min.js',

'bower_components/selectize/dist/js/selectize.min.js',

'bower_components/tinymce/tinymce.js'

]

)

.pipe(uglify())

.pipe(concat('jslib.js'))

.pipe(gulp.dest('public/resources/build'))

.pipe(livereload())

.pipe(notify({ message: 'js uglify task complete' }));

});

tinymce会读取其他路径的 plugin, skin, themes, language…等相关js

就会出现…等相关的404 error.

GET 404 https://xxxxx/resources/build/plugins/paste/plugin.min.js

因为我的bower component不是放在public, 所以我目前解法是先将它搬过去

但我觉得不是最佳解, 想问各位有何好方法, css也是会有同样依赖的问题

gulp.task('tinymce:plugin', function () {

gulp.src([

'bower_components/tinymce/plugins/**'

])

.pipe(gulp.dest('public/resources/build/plugins'));

gulp.src([

'bower_components/tinymce/themes/**'

])

.pipe(gulp.dest('public/resources/build/themes'));

gulp.src([

'bower_components/tinymce/skins/**'

])

.pipe(gulp.dest('public/resources/build/skins'));

});

首先我不清楚

tinymce

是如何读取plugin的，我不建议你直接这样拷贝.

第一使用

wiredep

，自动进行bower依赖(这里的依赖也包含CSS)加入你的html页面。

第二使用

gulp-useref

对页面中的js或css进行合并压缩。

wiredep：https://github.com/taptapship/wiredep

gulp-useref: https://github.com/jonkemp/gulp-useref

例子

https://github.com/hjzheng/CUF_meeting_knowledge_share/blob/master/2015-11-10/gulpfile.js

资料

https://github.com/Platform-CUF/use-gulp