How to disable vue js development tools production

Hi Everyone,

I'm using Laravel Spark and I'm trying to figure out how to disable vue js dev tools for production mode. I've done a ton of research and I actually have gotten it to work on my local environment by adding the following to resources/assets/js/app.js

Vue.config.devtools = false
Vue.config.debug = false
Vue.config.silent = true

This works and it says vue inspector tools are disabled. However, when I deploy to production with the exact same code to Heroku, the vue inspector tools are still enabled. Why is this? I can' figure out why this is the case on my production environment. Any thoughts on how to fix this?

Thanks!

douglas_quaid

9 years ago

Best Answer

Level 6

solved.

willvincent

9 years ago

Level 54

Have you reviewed and employed the production deployment tips? https://vuejs.org/v2/guide/deployment.html

douglas_quaid

9 years ago

Level 6

Thanks @willvincent. The problem was that it had to be declared after app declaration like so

require('spark-bootstrap');

require('./components/bootstrap');

var app = new Vue({
    mixins: [require('spark')]
});

Vue.config.devtools = false
Vue.config.debug = false
Vue.config.silent = true

I was calling it before.

willvincent

9 years ago

Level 54

Ideally you should probably keep that Vue instance anonymous... in other words, omit the var app =

Please or to participate in this conversation.