【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等に以下の設定を記載。
Vue.config.devtools = true;
設定を読み込んでさえいれば問題ないと思うので、router.js以外の場所でも使用可能だと思います。 うっかりプロダクション環境で乗っけないようにだけ注意。簡単簡単。