LaravelとtailwindをVSCODE利用しています。
tailwindをJITで利用するため、Laravel MIXを利用して npm run watch
を利用しているのですが、
何かERRORが起きるとnpm run watch
が止まってしまいます。
そのため、一度npm run watch
を停止(VSCODEのターミナルでctrl+C)して再度npm run watch
を実行しています。
ERROR発生してもソースコードを修正するとnpm run watch
が監視してビルドしてほしいです。
そのようなことは可能なのでしょうか?
- webpack.mix.js
const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require('tailwindcss'), require('autoprefixer'), ]);
- package.json(抜粋)
"scripts": { "dev": "npm run development", "development": "mix", "watch": "mix watch", "watch-poll": "mix watch -- --watch-options-poll=1000", "hot": "mix watch --hot", "prod": "npm run production", "production": "mix --production" },
- npm run watch起動ログ
(省略) ✔ Compiled Successfully in 1396ms ┌───────────────────────────────────┬── ✔ Mix Compiled successfully in 1.43s
- エラー(例えばtailwind.config.jsの必要なカッコを消す)
ERROR in ./resources/css/app.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): (省略) 1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details) webpack compiled with 2 errors
npm run watch-poll
npm run hot
では解決しませんでした。
あなたの回答
tips
プレビュー