Question

我有一个gulp任务来连接和缩小主文件assets.min.js中的js文件（在filesJs数组中），但是我的文件没有按照我的数组顺序连接..

代码：

var gulp = require('gulp');
var gulpConcat = require('gulp-concat');
var gulpPlumber = require('gulp-plumber');
var gulpSourceMaps = require('gulp-sourcemaps');
var gulpUglify = require('gulp-uglify');

var pathSource = 'web/bundles/sf';
var pathSourceJs = pathSource + '/js';

var pathTarget = 'web/bundles/sf/build';
var pathTargetJs = pathTarget + '/js';

var filesJs = [
    pathSourceJs + '/jquery.js',
    pathSourceJs + '/jquery1.7.2.js',
    pathSourceJs + '/jquery.themepunch.plugins.min.js',
    pathSourceJs + '/jquery.themepunch.revolution.min.js',
    pathSourceJs + '/jquery.stellar.js',
    pathSourceJs + '/custom.js',
    pathSourceJs + '/jquery.jcarousel.min.js',
    pathSourceJs + '/waypoints.js',
    pathSourceJs + '/jquery.easypiechart.min.js',
    pathSourceJs + '/nimble.js',
    pathSourceJs + '/scrollspy.js',
    pathSourceJs + '/jquery.fancybox.pack.js',
    pathSourceJs + '/jquery.appear.js',
    pathSourceJs + '/bootstrap.js',
    pathSourceJs + '/counters.js',
    pathSourceJs + '/slider.js',
    pathSourceJs + '/revolution.js',
    pathSourceJs + '/contact.js',
    pathSourceJs + '/html5shiv.js',
    pathSourceJs + '/respond.min.js'
];

gulp.task('minify-javascript', function () {
    return gulp.src(filesJs, {base: pathSource + '/'})
        .pipe(gulpPlumber(function(error) {
            console.log(error.toString());
            this.emit('end');
        }))
        .pipe(gulpSourceMaps.init())
        .pipe(gulpConcat(outputFileNameJs))
        .pipe(gulpUglify())
        .pipe(gulpSourceMaps.write('.'))
        .pipe(gulp.dest(pathTargetJs));
});

输出文件按此顺序缩小（错误顺序），而不是filesJs数组中定义的顺序：

"sources":
[
    "js/slider.js",
    "js/contact.js",
    "js/bootstrap.js",
    "js/jquery.js",
    "js/jquery1.7.2.js",
    "js/jquery.themepunch.plugins.min.js",
    "js/jquery.themepunch.revolution.min.js",
    "js/jquery.stellar.js",
    "js/custom.js",
    "js/jquery.jcarousel.min.js",
    "js/waypoints.js",
    "js/jquery.easypiechart.min.js",
    "js/nimble.js",
    "js/scrollspy.js",
    "js/jquery.fancybox.pack.js",
    "js/jquery.appear.js",
    "js/counters.js",
    "js/revolution.js",
    "js/html5shiv.js",
    "js/respond.min.js"
]

concat是有序的，但不是缩小。

我不明白为什么......

提前感谢您的帮助

Answer 1

如果您的js文件彼此依赖，gulpUglify可能会重新安排订单。

请尝试禁用吊装功能：

.pipe(gulpUglify({
      compress: {hoist_funs: false}
    }))

gulp-uglify未按顺序执行的文件数组

1 个答案: