【Vue.js】Production Build でも「Vue.js devtools」を使う方法

【Vue.js】Production Build でも「Vue.js devtools」を使う方法

環境

Vue.js 2.5

やりたかったこと

公式でもおすすめされている、開発用ツールを導入したかった。
https://qiita.com/hashimoto-1202/items/c81f5d4c271eef16d957

基本的には開発用のツールなので、本番用のビルドをした時は使えなくなるツールです。
しかし、Vue.js+バックエンドのフレームワークを使用していると、ビルドされたcss、jsのみをインポートしているというようなことがあると思います。(あるよね…?)
そうすると開発環境でも本番ビルドを使用する必要があるが、そうするとdev toolsが使えなくなるという問題を抱えていました。

対処方法

router.js等に以下の設定を記載。

設定を読み込んでさえいれば問題ないと思うので、router.js以外の場所でも使用可能だと思います。
うっかりプロダクション環境で乗っけないようにだけ注意。簡単簡単。

参考

https://qiita.com/uehatsu/items/cb41841d75f8c1a36a80

 

Vue.jsカテゴリの最新記事