たかおLab

【Laradock】Sassを使えるようにするための設定

HTML, CSS PHP プログラミング
Sassのロゴ画像

LaradockでSassを使うための設定をしたので、やり方をメモに残します。

 

 

 

npmとnodeのバージョン確認

 

まずはnpmとnodeがインストールされているか確認するために、workspaceコンテナに入ってnpmとnodeのバージョンを確認します。

 

今回は、ルートディレクトリを「my-portfolio」とします。

 

 

 

インストールされているのが確認できれば、node_modules/をインストールします。

 

 

 

コンパイル先の設定

 

コンパイル先を設定するために、ルートディレクトリにあるwebpack.min.jsに以下のように追加します。

 

 

 

コンパイルできるか確認

 

workspaceコンテナ内のルートディレクトリの中で、npm run watchなど実行してみて、エラーが出なければ成功です。

 

もし「cross-env: not found」みたいなエラーが出た場合は、こちらの記事を参考にしてみてください。

 

 

参考URL

 

Laravel 5.4 アセットのコンパイル(Laravel Mix)