創建多個咕task任務

watch: { 
    css: { 
     files: 'source/styles/**/*.scss', 
     tasks: ['sass', 'autoprefixer', 'cssmin', 'clean:css'], 
     options: { 
      spawn: false, 
     }, 
    }, 
    images: { 
     files: 'source/assets/images/**/*.{png,jpg,gif}', 
     tasks: ['clean:image', 'imagemin'], 
     options: { 
      spawn: false, 
     }, 
    } 
} 



grunt.registerTask('css', [ 
    'sass', 
    'cssmin', 
    'clean:css' 
]); 



sass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/*.scss'], 
      dest: 'build/styles/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 


grunt.registerTask('default', [ 
    'sass', 
    'cssmin', 
    'clean:css', 
    'requirejs', 
    'clean:js', 
]);

我想創建一個新的gurnt任務。當然，在我的項目中，grunt css正在很好地構建complate packae SCSS。我需要創建一個新的任務，如grunt home，它將構建一個特定的文件夾SCSS。創建多個咕task任務

如何創建grunt home？

來源

2017-06-13 Sony

'grunt.registerTask（'gruntHome'，['homeSASS']）'也許這種方式？下一步創建homeSASS像sass，但是與不同的目標 – guest

你能解釋一下如何創建這個？ – Sony

我認爲這應該工作，但我沒有測試它（它會從源代碼編譯/風格/ SCSS SCSS文件，以在建/風格/ CSS，CSS）：

homeSass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/SCSS/**/*.scss'], 
      dest: 'build/styles/css/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('homebuild', [ 
    'homeSass' 
]);

是你的ARE尋找？或者我誤解了你？

來源

2017-06-13 11:51:59 guest

它顯示錯誤：警告：找不到任務「homeSass」。使用--force繼續。 – Sony

是的，你是對的。我正在尋找同樣的事情。這是我編輯的代碼https://jsfiddle.net/nsj3r9Lm/，但它的投擲錯誤：'警告：任務「homeSass」找不到。＃ – Sony

添加'grunt.registerTask（'homebuild'，['homeSass']）;'並通過'gulp homebuild'開始 – guest

所以這樣的事情，你可以創建多個任務

sass2: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/*.scss'],//path to different source file 
      dest: 'build/styles/',//path to different destination for home 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('home', [ 
    'sass2' 
]);

我們運行這個你有2種方法

1）簡單地說grunt home 這將只運行特定的青菜彙編sass2

2）現在如果你想運行任務grunt css和grunt home在1去那麼這樣做

sass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/src1.scss', 'source/styles/**/src2.scss'], 
      dest: 'build/styles/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('home', [ 
    'sass' 
]);

來源

2017-06-13 11:55:33

它應該不是'grunt home'等不是'gulp'嗎？ – Revive

是的正確的咕嚕家，對不起我開始使用吞嚥幾個星期這就是爲什麼這個吞嚥我腦海中移動 –

你不是唯一的一個。 @guest也在評論中提到它：「gulp homebuild」，所以我不知道這只是巧合還是我錯過了一些東西！ – Revive

創建多個咕task任務

回答

相關問題