我在网站上结合了所有SCSS和javascript使用的gulp任务。然而,在开发过程中我经常使用" gulp watch"命令,它监视所有文件,javascript和css。
问题是如何让gulp观看并仅组合SCSS(app.scss)文件?我试着看看gulp watch任务,不知何故它对我没用。
gulpfile.js
var gulp = require('gulp'),
watch = require('gulp-watch'),
elixir = require('laravel-elixir'),
livereload = require('gulp-livereload');
require('laravel-elixir-livereload');
elixir(function(mix) {
mix.sass('app.scss');
mix.styles([
'app.css',
], null, 'public/css')
.styles([
... frontend css files ..
],'public/css/core.css' ,'resources/vendor')
// Admin CSS (core.css)
.styles([
... admin css files ..
], 'public/assets/admin/css/core.css', 'resources/vendor');
mix.scripts([
... core javascripts files ..
], null, 'resources/vendor')
.scripts(['app.js'], 'public/js/app.js')
.scripts([
... frontend javascripts files ..
.scripts([
... backend javascripts files ..
// Dashboard.js
.scripts([
'dashboard.js'
], 'public/assets/admin/js/dashboard.js');
});
" gulp styles"可以工作,但它不会继续观看,所以我手动运行它。