2016-11-29 59 views
0

我正在處理我的第一個angularjs項目,並使用此框架生成器(https://www.npmjs.com/package/generator-leptir-angular-bootstrap)使用bootstrap與scss/less。從Gruntfile觸發Gulp任務(手錶)

leptir使用gulp來編譯(這個工作正常),但是bower_component bootstrap使用grunt來編譯。我的問題是,當我想修改bootstrap less文件時,我需要用grunt編譯bootstrap.min.css,然後在父目錄中重新運行gulp watch以編譯帶有bower和自定義scss的min.css,並且觸發瀏覽器刷新等

我想知道的是,有沒有辦法,我可以直接從一個單獨的gruntfile運行或人工觸發gulpfile內一飲而盡任務(在這種情況下,一飲而盡手錶)?

我在編譯scss後嘗試使用grunt.touch,但似乎沒有觸發gulp手錶。任何其他想法?

my-project 
    |- public 
    |- bower_components 
     |- bootstrap 
      |- less (directory of all my bootstrap less files) 
      |- Gruntfile.js 
      |- package.json 
    |- app.scss (when changed, triggers gulp.watch) 
    |- gulpfile.js 
    |- package.json 

回答

0

因此,您在一個項目中使用Gulp和Grunt以及Less和Scss?這聽起來很複雜,不需要很複雜。任何具體的原因,你去那個設置或發電機讓你在那個位置?

我會建議將所有東西都移到gulp配置文件中,然後使用scss和scss避免混合。儘管在技術上可以工作,但我沒有看到這樣做的原因,並且它可能會增加源代碼的複雜性碼。

讓我知道答覆中的更多細節。