我正在开发我的第一个angularjs项目并使用这个框架生成器(https://www.npmjs.com/package/generator-leptir-angular-bootstrap)来使用scss / less的bootstrap。
leptir使用gulp进行编译(这很好)但是bower_component引导程序使用grunt进行编译。我的问题是,当我想修改bootstrap less文件时,我需要使用grunt编译bootstrap.min.css,然后在父目录中重新运行gulp watch以使用bower和custom scss编译min.css,并触发浏览器刷新等。
我想知道的是,有没有一种方法可以直接运行或人工触发gulp任务(在这种情况下gulp watch)来自单独的gruntfile的gulpfile?
我的scss编译完成后尝试使用grunt.touch,但这似乎没有触发gulp watch。还有其他想法吗?
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 :(得分:0)
所以你在一个项目中使用Gulp和Grunt以及Less和Scss?这听起来很复杂而不需要复杂化。您要使用该设置或生成器的任何特定原因让您处于该位置?
我建议将所有内容移动到gulp配置并使用较少或任何scss并避免混合使用2.虽然技术上可以工作但我没有看到这样做的理由,它可能会增加你的复杂性源代码。
请在回复中告诉我更多细节。