M
M
Maxim Zolotoy2021-03-18 11:13:54
Vue.js
Maxim Zolotoy, 2021-03-18 11:13:54

How to disable production tip in VUE 3?

I'm using laravel with vue 3 and I'm getting this annoying console message

You are running a development build of Vue.
Make sure to use the production build (*.prod.js) when deploying for production.


Although in vue 3 it should be disabled. And
Vue.config.productionTip = false;in version 3 it doesn't work anymore.
Does anyone know how to turn it off?

// webpack.mix.js
const mix     = require('laravel-mix');
const webpack = require('webpack');

mix.ts('resources/js/app.ts', 'public/js').sourceMaps().vue({version: 3});
mix.sass('resources/sass/app.scss', 'public/css');

mix.webpackConfig({
  plugins: [
    new webpack.DefinePlugin({
      __VUE_OPTIONS_API__:   false,
      __VUE_PROD_DEVTOOLS__: false,
    }),
  ],
});


// package.json
{
    "private": true,
    "scripts": {
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "production": "mix --production"
    },
    "devDependencies": {
        "@vue/compiler-sfc": "^3.0.2",
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^7.0",
        "jquery": "^3.2",
        "laravel-mix": "^6.0.0-beta.11",
        "lodash": "^4.17.19",
        "popper.js": "^1.12",
        "postcss": "^8.1.4",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "ts-loader": "^8.0.18",
        "typescript": "^4.2.3",
        "vue": "^3.0.2",
        "vue-loader": "^16.0.0-beta.9"
    }
}

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question