Laravel で Vue.js をproduction mode にする

投稿者: | 2019年8月29日

Laravel で Vue.js を使っているとき、ブラウザの Console に下記のような表示がされることがあります。

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

これは、「Vue.js が開発モードで動いてますよ、本番環境でしたら製品モードにしてください。詳しい情報はこちら」という意味ですが、どうすれば製品モードになるかといいますと、下記のコマンドをアプリのトップディレクトリで実行するだけです。環境によってはやや時間がかかります。

npm run production

このコマンドを実行すると、JS や CSS がコンパクトになった状態で出力され、前述の警告メッセージも表示されなくなります。

元の状態に戻す場合は、下記のようにします。

npm run dev