teratail header banner
teratail header banner
質問するログイン新規登録
Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

gulp

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

Q&A

解決済

2回答

348閲覧

gulpでSASSを自動コンパイルする際にエラーが出てしまいます。

MeB

総合スコア104

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

gulp

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

0グッド

1クリップ

投稿2018/01/18 00:42

編集2018/01/18 00:49

0

1

gulpなどの知識はほとんどないため具体的になにを質問したらいいのかもわからない状況です。

ひとまず以下のようなエラーで出ています。
イメージ説明

なにかありましからおっしゃっていただければ追記いたします。
ご教示よろしくお願い致します。

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

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

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

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

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

guest

回答2

0

ベストアンサー

エラーは「gulp-sassというモジュールが見つからない」という内容なので、まずはgulp-sassをインストールする、という対応になるかと思います。

投稿2018/01/18 00:56

sii_side

総合スコア849

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

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

MeB

2018/01/18 01:10

gulp-sassをインストールしたら Error: Cannot find module 'gulp-sass'のばしょが Error: Cannot find module 'gulp-concat'となったのですが 同様にインストールしていけばよろしいのでしょうか?
sii_side

2018/01/18 01:15

はい、足りないモジュールを追加していきましょう。 ちなみにですが、手順としてはgulpfile.jsをどこかからコピペしてきて、コンソールでgulpを実行したということでしょうか? どのような媒体をご覧になったかわかりませんが、普通、紹介記事ではpackage.jsonをコピペするように案内して、npm installで必要なモジュールを一括インストールしてから作業に入るのではないかと思いますが…。
MeB

2018/01/18 01:25

もともとちょっと使ってたものがあっていろいろいじってたらわけわからんことに… なんとかうごきました!ありがとうございます!!
guest

0

どこかのファイルだと思うが
var concat = require("gulp-concat");
となっている
require('')
を全て
npm install gulp-concat
とかしてけばいずれ動くと思うよ

投稿2018/01/18 01:17

arasi

総合スコア156

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

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

MeB

2018/01/18 01:39

回答ありがとうございます。gulp watchは実行できたのですが 実際にsassをいじるとエラーが出てしまい、コンパイルできませんでした。 https://teratail.com/questions/109503?modal=q-comp
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.30%

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

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

質問する

関連した質問