Css grunt contrib sass在不同模块中编译多个文件最佳实践

Css grunt contrib sass在不同模块中编译多个文件最佳实践,css,angularjs,sass,gruntjs,Css,Angularjs,Sass,Gruntjs,在不同模块中构造和编译scss文件和相应css文件的最佳方法是什么 我的第一个想法是将每个scss文件编译到一个模块内的css文件夹中,但我无法实现这一点 我对这种方法的艰巨任务是 sass: { options: { style: 'expanded' }, dev: { files: [{ expand: true, cwd: 'public/modules/**/style/', src: '*.scss', de

在不同模块中构造和编译scss文件和相应css文件的最佳方法是什么

我的第一个想法是将每个scss文件编译到一个模块内的css文件夹中,但我无法实现这一点

我对这种方法的艰巨任务是

sass: {
  options: {
    style: 'expanded'
  },
  dev: {
    files: [{
      expand: true,
      cwd: 'public/modules/**/style/',
      src: '*.scss',
      dest: '../css',
      ext: '.css'
    }]
  }
}
根据GrunFile,代码如下所示:

// Default task(s).
    grunt.registerTask('default', ['lint','sass:dev', 'concurrent:default']);
我的文件夹结构:

/public
  /css
  /modules
    /core
      /css
      /scss
        core.scss
    /another-module
      /css
      /scss
        module.scss
  /style
    main.scss

是否需要将每个模块编译成自己的CSS文件?或者可以将所有内容都编译成main.css吗?我很乐意将所有内容编译成main.css,主要是我在寻找最佳实践最佳实践是意见,而固执己见的问题是不受欢迎的。我们希望我尝试做X,但我得到的是错误/问题Y类型的问题。感谢您提供的信息,在再次提问之前,我会记住这一点。我现在使用grunt contrib concat将所有scss文件压缩到main.scss中,并编译此文件