こちらでの質問がはじめてです。
質問の仕方が上手ではありませんが、「これかもしれない」といったヒントがあれば教えていただきたいです。
実現したいこと
- gulp-sass、sass を正常に動かす
- scss/style.scss をコンパイルして、css/style.css として出力したい
前提
- 今日はじめて gulp を使いました
- gulp をインストールし、文字列を表示する程度の動きは実行できた
- gulp-sass、sass を動かすために gulp-sass - npm の内容、または検索して出てきた方法を試せる範囲で試した
- 全てエラーなく実行されるが、フォルダ、ファイルが一切生成されなかった
まったく原因が思い当たらず、行き詰まってしまいました。
何か解決策やヒントはありますでしょうか。
ちなみにエラーは一切でません...
よろしくお願いいたします。
フォルダ構成
├── gulpfile.js ├── index.html ├── node_modules ├── package-lock.json ├── package.json └── scss └── style.scss
コード
package.json
1{ 2 "name": "test", 3 "version": "1.0.0", 4 "description": "", 5 "main": "index.js", 6 "scripts": { 7 "test": "echo \"Error: no test specified\" && exit 1" 8 }, 9 "author": "", 10 "license": "ISC", 11 "devDependencies": { 12 "gulp": "^4.0.2", 13 "gulp-sass": "^5.1.0", 14 "sass": "^1.64.1" 15 } 16}
gulpfile.js
1const gulp = require('gulp'); 2const sass = require('gulp-sass')(require('sass')); 3 4// gulp test 5gulp.task('test', function (cb) { 6 console.log("TEST TEST"); 7 cb(); 8}); 9 10gulp.task('default', function (cb) { 11 console.log("DEFAULT DEFAULT"); 12 cb(); 13}); 14 15gulp.task('css', function () { 16 return gulp.src('./scss/style.scss') 17 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 18 .pipe(gulp.dest('./css')) 19});
補足情報(FW/ツールのバージョンなど)
terminal
1node -v 2v20.2.0 3npm -v 49.6.6 5gulp -v 6CLI version: 2.3.0 7Local version: 4.0.2

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。