首页 > gulp打包,读取不到JS路径

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

【热门文章】
【热门文章】