Question

例如，我有index.css，其中包含指向其他css文件的链接：

@import "http://<some_url>/bootstrap.css";
@import "http://<some_url>/plugin.css";
@import "app.css";

可以使用Grunt JS连接这些文件吗？

Answer 1

查看Grunt API，文件内容似乎只适用于本地文件。 http://gruntjs.com/api/grunt.file

此外，我在源代码中没有看到任何解析CSS文件寻找导入的内容。

要将它们连接在一起：

我建议您在本地下载文件，将它们放在常用的css文件夹中，然后照常使用Grunt concat。

然后我使用wget编写一个小脚本，在使用grunt构建之前下载这些依赖项的新副本。

Answer 2

我知道这已经有一段时间了，但是在尝试做类似的事情时我遇到了它。这是使用grunt任务从URL保存文件的一种方法。

module.exports = function(grunt) {
  'use strict'; 
  var http = require('http');

  grunt.initConfig({
    watch: {
      scripts: {
        files: ['**/*.cfc'],
        tasks:['saveURL']
      }
    },
    open:{
      error:{
        path:'http://<server>/rest/error.html' 
      }
    }
  });


  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-open');


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

  grunt.registerTask('saveURL', 'Write stuff to a file', function() {
    var done = this.async();
    var reloadurl = 'http://<server>/rest/index.cfm?rl';

    grunt.log.writeln('Loading URL:' + reloadurl + ' ...');

    http.get(reloadurl, function(res) {
      var pageData = "";
      if(res.statusCode != '200'){
        //if we don't have a successful response queue the open:error task
        grunt.log.error('Error Reloading Application!: ' + res.statusCode);
        grunt.task.run('open:error');
      }
      res.setEncoding('utf8');

      //this saves all the file data to the pageData variable
      res.on('data', function (chunk) {
        pageData += chunk;
      });

      res.on('end', function(){
        //This line writes the pageData variable to a file
        grunt.file.write('error.html', pageData)
        done();
      });
    }).on('error', function(e) {
      console.log("Got error: " + e.message);
      done(false);
    });
  });

};

GruntJS可以获取外部文件吗？

2 个答案: