javascript - 使用 gulp 创建本地化资源包

Question

我在资源目录中有一堆文件：

• 标签.no.js
• 标签.en.js
• 错误.no.js
• 错误.en.js

我想为每种语言创建一个资源包，以便根据客户端的语言仅将这些包中的一个提供给客户端。所以我想要这个结果：

• bundle.en.js（来自各个目录的所有 en 文件）
• bundle.no.js（没有文件也一样）

我不想硬编码语言（否则我可以复制/粘贴），所以我需要一些方法来根据后缀自动“加入”一个包中的文件（所以无论我有多少种语言，我都会有捆绑包的数量等于按后缀分组的语言数量）

Answer 1

我设法在 gulp-group-aggregate 的帮助下做到了：

var groupAggregate = require("gulp-group-aggregate");

gulp.task("buildResources:js", function () {
return gulp.src(["/sourcefolder"], { base: "." })
    .pipe(groupAggregate({
        group: function (file) {

            var extractResourceLocale = function() {
                var result = file.relative.substring(0, file.relative.length - 3); // remove ".js"
                var dotIndex = result.lastIndexOf(".");
                return result.substring(dotIndex + 1, result.length);
            }

            return extractResourceLocale(file);
        },
        aggregate: function (group, files) {

            var filesArray = [];

            for (var i = 0; i < files.length; i++) {
                filesArray[i] = files[i].relative;
            }

            var bundlePath = "bundles/result." + group + ".js";

            gulp.src(filesArray)
                .pipe(concat(bundlePath))
                .pipe(uglify())
                .pipe(gulp.dest("."));

            return {
                path: ".",
                contents: null
            }
        }
    }))
    .pipe(gulp.dest("."));

});