javascript - 使用 grunt 将单个文件连接到目录中的每个文件

Question

使用 Grunt，我想将一个文件连接到构建目录中的所有文件。这样做的目的是将 IE 特定的 CSS 文件附加（或可能预先添加）到构建 CSS 文件中。

要执行此任务：

build/
  file1.css
  file2.css
  file3.css

并创建这个：

build/
  file1.css
  file1.ie.css
  file2.css
  file2.ie.css
  file3.css
  file3.ie.css

我认为扩展选项可能是我正在寻找的，但我不知道如何让它做我想做的事。

Answer 1

尝试以下banner选项grunt-contrib-concat：

concat: {
  dist: {
    options: {
      banner: '/* IE specific things here */',
    },
    expand: true,
    cwd: 'build/',
    ext: '.ie.css',
    src: ['**/*.css'],
    dest: 'build/',
  },
},