如何在多个项目中使用 gruntjs compass-watch答案

【问题标题】：How use gruntjs compass-watch on multiple projects如何在多个项目中使用 gruntjs compass-watch
【发布时间】：2017-05-17 21:29:37
【问题描述】：

是否有用于在服务器上使用 compass-watch 和多个项目的 gruntjs 配置？我的文件夹结构如下：

[PROD]
 [project1]
  [css]
   styles.css
  [js]
   functions.js
  index.php
  [scss]
   styles.scss

 [project2]
  [css]
   styles.css
  [js]
   functions.js
  index.php
  [scss]
   styles.scss

 [project3]
  [css]
   styles.css
  [js]
   functions.js
  index.php
  [scss]
   styles.scss

 [TEST]
  [project1]
   [css]
    styles.css
   [js]
    functions.js
   index.php
   [scss]
    styles.scss

  [project2]
   [css]
    styles.css
   [js]
    functions.js
   index.php
   [scss]
    styles.scss

  [project3]
   [css]
    styles.css
   [js]
    functions.js
   index.php
   [scss]
    styles.scss

n.b.是的，测试文件夹在生产文件夹内。我需要运行自动观察器，我同时处理更多项目。

【问题讨论】：

标签： sass gruntjs compass

【解决方案1】：

我更喜欢在没有指南针的情况下编译 scss。这是我最后的 grunt 脚本代码，它只编译修改过的文件。

module.exports = function(grunt) {

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    watch: {
     sass: {
         files: [
             'pippo/*/scss/*.scss',
             'pippo/test/*/scss/*.scss'
         ],
         tasks: ['sass'],
         options: {
             spawn: false
         }
     }
  },

  sass: {
    dist:{
      options: {
          style: 'compressed'
      },
      files: {
        'pippo/test/statics/css/ie.css' : 'pippo/test/statics/scss/ie.scss'
      }
    }
  }

});

grunt.event.on('watch', function(action, filepath) {
  var filepath_scss = filepath;
  var filepath_css = filepath.replace("scss", "css");
  filepath_css = filepath_css.replace("scss", "css");
  var finalpath = {};
  finalpath[filepath_css] = filepath_scss;
  grunt.config('sass.dist.files', finalpath );
});

grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default',['watch']);
};

【讨论】：