将外部资源导入到 grunt

Question

我正在尝试使用 concat 将外部资源导入 gruntfile.js。但似乎并没有引起我的注意。我一直在谷歌搜索，但我发现的唯一信息是如何 cdnify 解决方案。

问题是我们在 CDN 上使用模块，并且只想定义 CDN 资源，而不是从 repo 下载并在本地链接。

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    concat: {
        dist: {
            src: [
                'https://test.com/cdn/waypoints.js',
                'https://test.com/plugins/hashchange/hashchange-1.4.js',
                'js/ssp-stickit-1.js',
                'js/global.js', 
            ],
            dest: 'js/scripts.js',
        }
    },

}

如果有人知道 gulp 是否可以做到这一点，那也是一种选择....

最好的问候

理查德

Answer 1

您需要使用首先下载资源然后连接的任务。但这引出了一个问题，为什么要使用 CDN 脚本？ CDN 通常用于客户端可能已经缓存的公共资源。如果您连接文件，您将不再利用该缓存。其中，你可能应该使用脚本的公共出口，例如 npm、bower、组件、github 等。

但如果你仍然想这样做，这里有一个下载和连接的任务/示例：

grunt.initConfig({
  urlconcat: {
    all: {
      src: [
        'https://test.com/cdn/waypoints.js',
        'https://test.com/plugins/hashchange/hashchange-1.4.js',
        'js/ssp-stickit-1.js',
        'js/global.js', 
      ],
      dest: 'js/scripts.js',
    },
  },
});

var fs = require('fs');
var path = require('path');
var request = require('request');
var async = require('async');

grunt.registerMultiTask('urlconcat', function() {
  var done = this.async();
  var options = this.options({
    separator: '\n',
  });
  async.eachSeries(this.files, function(file, next) {
    var out = '';
    async.eachSeries(file.orig.src, function(url, nextUrl) {
      if (grunt.file.exists(url)) {
        // If a file
        grunt.log.writeln('Concatenating ' + url);
        out += grunt.file.read(url) + options.separator;
        nextUrl();
      } else {
        // Otherwise assume a url
        grunt.log.writeln('Downloading ' + url);
        request(url).on('data', function(data) {
          out += data.toString();
        }).on('end', function() {
          out += options.separator;
          nextUrl();
        });
      }
    }, function() {
      grunt.file.write(file.dest, out);
      grunt.log.ok('Wrote ' + file.dest + '.');
      next();
    });
  }, done);
});

grunt.registerTask('default', ['urlconcat']);