前提・実現したいこと
gulpを使って、sassのコンパイルを自動で行い、生成後のファイルがcssフォルダ内に生成されるようにしたいです。
【プロジェクトファイル】
index.html
-scss【1】
-style.scss
-css【2】
-style.css
-js
gulpfile.js
package.json
【1】のフォルダ内で作成したsassファイルをコンパイルすると【2】のCSSフォルダ内に生成される
発生している問題・エラーメッセージ
【1】のフォルダ内にcssファイルが生成されてしまいます。
【プロジェクトファイル】
index.html
-scss【1】
-style.scss
-style.css ✕
-css【2】
-js
gulpfile.js
package.json
ファイルのコンパイル、watchでの監視は正常に機能しますが、ファイルの生成先だけがうまく指定できません。
該当のソースコード
gulpfile.jsには下記のように記述をしています。
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('default', function() {
return gulp.src('./sass/**/*.scss')
.pipe(sass({outputStyle: 'expanded'}))
.pipe(gulp.dest('./css'))
});
gulp.task('default', function() {
gulp.watch('./sass/**/*.scss', gulp.task('default'));
});
.pipe(gulp.dest('./css'))
この記述部分によって、cssフォルダ内に生成されると認識していますが、どうしてもscssファイルと同一のフォルダへファイルが生成されてしまいます。
補足情報(FW/ツールのバージョンなど)
gulp
CLI version: 2.2.0
Local version: 4.0.2
node.js
v12.14.1
os
windows10
jsに対する知識はほぼありません。
回答よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。