How to disable source map or debug mode in production Vue.js - Webpack

Question

I am working on a Vue.js project and all files are generated by webpack on dev and production mode.

but here is my problem :

I can see my vue components in devtools when I inspect on a element.

How could I disable that ?

By the way source map is disabled and I have no .map files in dist folder.

thank you :)

Answer 1

Just checkout the Vue cli docs:

productionSourceMap Type: boolean

Default: true

Setting this to false can speed up production builds if you don't need source maps for production.

So in your webpack config you write:

module.exports = {
  productionSourceMap: false
};

If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.