拡張機能で管理していたSCSSをnode.jsで管理するように変更する

package.jsonのひな型を作成する

色々効かれるが基本的にEnterを押しておけば問題ない。 押し続けているとpackage.jsonが作成されている。

sassをインストール

上記コマンドでsassをインストールする。

今回は下記バージョンがインストールされた。

Gitでソースコードを管理している場合は、.gitignoreファイルを作成しnode_modules/と記入するのが吉。

Scriptを登録する

ちなみに今回は

のように変換したい。

先ほど作成したpackage.jsonにScriptを登録する。

登録後、Scriptを実行する。

以降、scssを変更するたびに、コンパイルされる。

たぶん、拡張機能のコンパイルと展開のされ方が違うので、実際にページを見て崩れがないかを確認したほうがいい。

拡張機能について

拡張機能は便利だけど、開発環境の共有ができないので、依存しすぎるのは良くないなあ、と思い直した。