Grunt 结合 SCSS 和 CSS 文件

Question

在我的应用程序中，SCSS 文件被编译为 CSS 文件，并且所有文件都包含在一个 main.css 文件中。还有一些其他的 CSS 文件也包含在 main.css 文件中，我如何使用 Grunt 从所有这些 CSS 和 SCSS 文件中创建一个 CSS 文件？

注意：我所有的 CSS 文件都在 client 文件夹中，编译后的 SCSS 文件进入 public 文件夹。

MSK

Answer 1

您正在寻找的是（文件）-连接。

grunt 有一个很棒的插件：grunt-contrib-concat

示例配置（静态）：

concat: {
    dist: {
        //Add your files to src
        src: [
          'client-folder/file1.css',
          'public/compiled.css'
           ],
      dest: 'output/style.css',
    },
},

示例-配置（动态）：

concat: {
    dist: {
        src: [
          //Will use all .css files in client-folder/
          'client-folder/**.css',
          'public/compiled.css'
           ],
      dest: 'output/style.css',
    },
},

grunt concat:dist 然后会将src 文件的内容连接到dest 文件中。

您可以更深入地研究文档以获得更多有趣的乐趣。