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

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

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

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Sass

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

Q&A

解決済

1回答

2537閲覧

npm scriptsでsassがコンパイルされない

umauman

総合スコア57

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Sass

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

0グッド

0クリップ

投稿2019/04/04 17:39

編集2019/04/04 17:57

前提・実現したいこと

npm scriptsを勉強し始めたところです。
手始めにsassのコンパイルを試していますが、style.scssでインポートしたscssファイルを更新してもコンパイルがされず困っています。
環境はwindowsでコマンドプロンプトを使って実行しています。

###ファイル構成

dist/  └ css/ └ style.css src/  └ sass/ ├ style.scss └ layout/ ├ _header.scss ├ _container.scss └ _footer.scss

###style.scss

@import "layout/_header"; @import "layout/_container"; @import "layout/_footer";

###package.json

{ "name": "test", "version": "1.0.0", "description": "", "scripts": { "sass": "node-sass src/sass/style.scss dist/css/style.css -w" }, "dependencies": { } }

###パッケージインストール時のコマンド

npm install node-sass

例えば_header.scssを編集してもstyle.cssは更新されません。
コマンドにエラーも出ず、何も反応がありません。
_header.scssを編集した後にマスターのstyle.scssを保存するとはじめて
コンパイルされ、style.cssが更新されます。

何が原因でしょうか..

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

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

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

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

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

renoj

2019/04/04 18:03

パッケージジェイソンはファイル構成のどこにありますか?
renoj

2019/04/04 18:04

あと、npmのバージョンとnode-sassのバージョンは何ですか?
umauman

2019/04/05 05:40

PCを再起動したところ動作するようになりました。 わざわざご質問いただき本当にありがとうございます、と同時にすみませんでした。
guest

回答1

0

自己解決

PCを再起動したらコンパイルされるようになりました。
お騒がせしてすみませんでした。

投稿2019/04/05 05:38

umauman

総合スコア57

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問