質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

解決済

1回答

332閲覧

gulp で gulp-sass が動くが、フォルダ、ファイルが生成されない

aileen

総合スコア3

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

0クリップ

投稿2023/07/28 21:35

編集2023/07/28 21:36

こちらでの質問がはじめてです。
質問の仕方が上手ではありませんが、「これかもしれない」といったヒントがあれば教えていただきたいです。

実現したいこと

  • 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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

解決しました。

該当のフォルダをDropbox内(オフラインアクセス可)状態から、まるっとローカルにもってきて作業したところ正常に動きファイルが出力されました。

投稿2023/07/30 09:25

aileen

総合スコア3

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問