Estou criando uma tarefa que compila, renomeia e simplifica os arquivos .scss
para .css
. Minha estrutura de arquivos está assim:
assets/
|__ css/
|__ sass/
| |__ uma-pasta/
| | |__ alguns.scss
| | |__ arquivos.scss
| | |__ vão.scss
| | |__ aqui.scss
| |__ outra-pasta/
| |__ alguns.scss
| |__ outros.scss
| |__ arquivos.scss
| |__ vão.scss
| |__ aqui.scss
|__ _variables.scss
Porém quando eu executo a seguinte task:
gulp.task('sass', function() {
gulp.src(['!assets/sass/outra-pasta/**/*.scss', 'assets/sass/**/*.scss'])
.pipe(sass().on('error', sass.logError))
.pipe(rename({ suffix: '.min' }))
.pipe(minify())
.pipe(gulp.dest(PATH + 'assets/css'))
});
As variáveis localizadas no assets/sass/_variables.scss
não são concatenadas com os outros arquivos, e então eu recebo o seguinte erro:
Error in plugin 'sass'
Message:
assets/sass/uma-pasta/arquivos.scss
Error: Undefined variable: "$variable".
on line 3 of stdin
>> width: $variable;
--------^
E o arquivo assets/sass/_variables.scss
está dessa maneira:
$variable: 20px;