Question

嗨Grunt concat没有显示错误，但它没有集中我的styles.css文件。以下是它的截图：

link：http://i.imgur.com/gHlbROe.png

这是我的css文件的屏幕截图，它仍然没有被连接（你也可以在下面看到我的文件夹结构）：

link：http://i.imgur.com/UlGWQv1.png

这是我的gruntfile.js（也许我应该在concat_css中有一个不同的分隔符。）：

module.exports = function(grunt) {

  grunt.initConfig({
    less: {
      development: {
        options: {
          compress: true,
          yuicompress: true,
          optimization: 2,
          css: ['concat']
        },
        files: {
          "css/styles.css": "css/styles.less" // destination file and source file
        }
      }
    },
    concat_css: {
      options: {
        // Task-specific options go here.
        separator: '}'
      },
      all: {
        src: ["css/styles.css"],
        dest: "css/styles.css"
      },
    },
    watch: {
      styles: {
        files: ['css/styles.less'], // which files to watch
        tasks: ['less', 'concat_css'],
        options: {
          nospawn: true
        }
      }
    }
  });
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-concat-css');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', ['less', 'watch', 'concat_css']);
};

Answer 1

我很确定该任务名为concat，而不是concat_css。您的配置需要匹配该名称（也就是说，您根本不应该使用concat_css）。除此之外，为什么要将分隔符作为右括号（}）？如果您有多个文件，几乎肯定会在连接的CSS文件中导致语法错误。除非你有特殊需要，否则我会省略这个选项。

concat: {  // <-- change this to match the name of the task: "concat"
  all: {
    src: ["css/styles.css"],
    dest: "css/styles.css"
  },
},

Grunt concat没有错误，但不起作用

1 个答案: