Fix: SCSS を Watch していても、新規に追加した SCSS ファイルがコンパイルされない #11
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
6 tasks
|
ひととおりできたので、確認してほしいです。何か分からないことがあったら、なんなりとー |
ryamakuchi
reviewed
Aug 11, 2018
| "scripts": { | ||
| "build:scss": "node-sass --recursive src/scss --output src/css", | ||
| "build:scss:watch": "yarn run build:scss && yarn run build:scss --watch", | ||
| "build:scss": "yarn run clean:css && node-sass --recursive src/scss --output src/css", |
3 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
解決したい問題
src/scss/ ディレクトリに新規の SCSS ファイルを追加したとき、当該ファイルが CSS にコンパイルされない。下記 Issue と同じ問題。
yarn run build:scss:watchを一旦止めて、実行し直せばコンパイルされるが... SCSS を積極的にファイル分割していく開発スタイルではめんどうくさい。原因
watching newly created files · Issue #1891 · sass/node-sass に書かれているとおり、node-sass の既知の問題。
解決する気はあるらしくてプルリクつくったりしているがうまく行かなくてクローズしてたりする。
どのように解決するか？
ファイル監視の方法を変更する。下記が候補
シンプルに行くなら nodemon かなあと。
完了条件
ファイッ！
参考
remy/nodemon: Monitor for any changes in your node.js application and automatically restart the server - perfect for development
https://github.com/remy/nodemon