如何使用grunt将所有.scss文件编译为单个.css文件?不使用concat或import

时间:2016-05-26 13:58:30

标签: sass gruntjs grunt-contrib-sass

我想将sass文件夹中的所有.scss文件编译为单个.css文件 E:\ SassToCss     \ SASS        \ style1.scss        \ style2.scss     \想要在项目根目录中有已编译的style.css。

我尝试了以下

sass: {
        dist: {
            files: {
                'style.css' : 'sass/*.scss'
            }
        }
    }

这仅为第一个文件生成css&忽略其余的文件。

sass: {
dist: {
  files: [{
    expand: true,
    //cwd: 'styles',
    src: ['*.scss'],
    //dest: '../public',
    ext: '.css'
  }]
 }
}

这不会生成我的.css文件。这样做的正确方法是什么

1 个答案:

答案 0 :(得分:0)

创建一个scss文件,例如" style.scss"并使用@import标记包含其他sass文件。

你的sass编译器应该只使用style.scss在css中编译它

sass: {
        dist: {
            files: {
                'style.css' : 'sass/style.scss'
            }
        }
    }

请参阅此处以获取示例和更好的解释:http://sass-lang.com/guide