我试图建立一个模块化的工作流程,在运行 gulp
时,它会将文件夹中的SASS文件编译成CSS。这些新的CSS文件将存储在同一文件夹中。
例如,这是我的当前文件夹结构:
theme
- modules
- hero
- hero.html
- hero.scss
这是我的 'gulpfile.js' 文件:
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task( 'sass', function() {
return gulp.src('modules/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('modules/**/*.css'))
});
不过,当运行
gulp sass
时,我的文件夹结构看起来像这样:theme
- **
- *.css
- hero
- hero.css
- modules
- hero
- hero.html
- hero.scss
我需要的是:
theme
- modules
- hero
- hero.html
- hero.scss
- hero.css (hero.css to appear here after running gulp)
我翻译为:我离谱了吗?
gulp.dest('modules')
。请参阅https://gulpjs.com/docs/en/api/dest#sourcemaps。`dest`不支持通配符。 - Ruan Mendesgulp watch
。 - Freddy