laravelでscssが反映されません。

Question

前提・実現したいこと

laravelで今就活用のポートフォリオを作っています。
しかしscssが反映されません。

具体的にはnpm run watchとうつと

npm ERR! Error: ENOENT, open '/home/vagrant/laravel_lessons/todolist/package.json'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[e-mail]>

npm ERR! System Linux 2.6.32-754.28.1.el6.x86_64
npm ERR! command "node" "/usr/bin/npm" "run" "watch"
npm ERR! cwd /home/vagrant/laravel_lessons/todolist
npm ERR! node -v v0.10.48
npm ERR! npm -v 1.3.6
npm ERR! path /home/vagrant/laravel_lessons/todolist/package.json
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR!     /home/vagrant/laravel_lessons/todolist/npm-debug.log
npm ERR! not ok code 0

となります。どこが問題なのでしょうか？？

Comments

[miyabi_pudding]

Laravelと、npmは本来別物なので、
問題を切り分けた方がいいかと。
今回の場合は、npmにて、webpackにおいてのコンパイルが上手く行ってないようなので、
Laravelは直接関係ないと思いますよ。

[monomono5364]

そうなんですね。今までlaravel関係で調べていました。もうちょっと頑張ってみます。
ありがとうございます！

Answer 1

CSSのコンパイルを始める前に、プロジェクトのフロントエンド開発に必要な依存パッケージである、Nodeプロジェクトマネージャー(NPM)を使用し、インストールしてください。

npm install

npm installを使い、依存パッケージをインストールし終えたら、Laravel Mixを使用して、SASSファイルを通常のCSSへコンパイルできます。npm run devコマンドはwebpack.mix.jsファイル中の指示を処理します。通常、コンパイル済みCSSはpublic/cssディレクトリへ設置されます。