0

次のgulpタスクがあります：

gulp.task('html', function () {
    // Compile templates
    return gulp.src(templateFiles)
        .pipe(htmlmin({
            removeComments: true,
            collapseWhitespace: true,
            conservativeCollapse: true,
            removeScriptTypeAttributes: true
        }))
        .pipe(ngHtml2Js({
            moduleName: 'my.tpls',
            prefix: 'tpl/'
        }))
        .pipe(concat(libName + '.tpls.js'))
        .pipe(gulp.dest(destDirectory));
});

これにより、ファイル内に次のようなコード ブロックがいくつか生成されます。

(function(module) {
try {
  module = angular.module('my.tpls');
} catch (e) {
  module = angular.module('my.tpls', []);
}
module.run(['$templateCache', function($templateCache) {
  $templateCache.put('tpl/my/templates/template1.html',
    '<some-html></<some-html>');
}]);
})();

(function(module) {
try {
  module = angular.module('my.tpls');
} catch (e) {
  module = angular.module('my.tpls', []);
}
module.run(['$templateCache', function($templateCache) {
  $templateCache.put('tpl/my/templates/template2.html',
    '<some-html></<some-html>');
}]);
})();

これは非常に非効率的で、不要な余分なバイトを大量にダウンロードするように設定します。

結果をより似たものにするためにgulpタスクを微調整する方法はありますか:

(function(module) {
try {
  module = angular.module('my.tpls');
} catch (e) {
  module = angular.module('my.tpls', []);
}
module.run(['$templateCache', function($templateCache) {
  $templateCache.put('tpl/my/templates/template1.html',
    '<some-html></<some-html>');
  $templateCache.put('tpl/my/templates/template2.html',
    '<some-html></<some-html>');
}]);
})();

明確にするために; 私が探しているのは、grunt-html2js singleModule オプションと同等ですが、Gulp の場合です。私はすでに ngHtml2Jsの gulpsingleModule: trueタスク オプションを追加しようとしました。うまくいきませんでした。

4

1 に答える 1

0

標準の ngHtml2Js テンプレートをオーバーライドすることでそれを行い、後で gulp-tap を使用してファイルを変更しました。魔法のように動作します！:-)

gulp.task('html', function () {
    // Compile templates
    return gulp.src(templateFiles)
        .pipe(htmlmin({
            removeComments: true,
            collapseWhitespace: true,
            conservativeCollapse: true,
            removeScriptTypeAttributes: true
        }))
        .pipe(ngHtml2Js({
            template: "    $templateCache.put('<%= template.url %>',\n        '<%= template.prettyEscapedContent %>');",
            prefix: 'tpl/'
        }))
        .pipe(concat(libName + '.tpls.js'))
        .pipe(tap(function(file, t) {
            file.contents = Buffer.concat([
                new Buffer("(function(module) {\n" +
                "try {\n" +
                "  module = angular.module('my.tpls');\n" +
                "} catch (e) {\n" +
                "  module = angular.module('my.tpls', []);\n" +
                "}\n" +
                "module.run(['$templateCache', function($templateCache) {\n"),
                file.contents,
                new Buffer("\n}]);\n" +
                "})();\n")
            ]);
        }))
        .pipe(gulp.dest(destDirectory));
});
于 2015-03-18T21:32:24.410 に答える