Laravel
Laravelでlaravel-mixを1から6にアップデートした方法・手順
いつもご利用ありがとうございます。このブログは、広告費によって運営されています。
オススメ本
Laravel で laravel-mix を1から6にアップデートした方法・手順についてまとめました
前提
すでに Laravel プロジェクトの中で Vue を使っている状態。
Laravel6
コマンドを打つ
npm install laravel-mix@^6.0.0
npm install vue-template-compiler
package.json を変更する
修正前
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
修正後
"scripts": {
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"production": "mix --production"
},
webpack.mix.js
mix
.js("resources/assets/js/app.js", "public/js")
.sass("resources/assets/sass/app.scss", "public/css")
.vue(); //追記
.vue()を追記します。
これで動きました。
オススメ本
まとめ
以上です。
誰かの参考になればと思います。
感想・苦情は TwitterDM にご連絡ください。
それでは!
人気記事