Laravel-mix: Warrning when watching You are running the esm-bundler build of Vue...

[RomkaLTU]

• Laravel Mix Version: 6.0.13
• Node Version (node -v): v14.15.5
• NPM Version (npm -v): 6.14.11
• OS: OSX BigSur

Description:

Should I care about this warning when running npm run watch?

You are running the esm-bundler build of Vue. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.

Not quite sure what it telling me. This message is;t visible on the production build but still want to get rid of it.

[thecrypticace]

Oh, right yeah we should set the necessary defines when using .vue() and Vue 3. Good catch.

[nicolailebek]

Here's how you get rid of it

mix.js("resources/js/app.js", "public/js")
    .vue({ version: 3 })
    .webpackConfig((webpack) => {
        return {
            plugins: [
                new webpack.DefinePlugin({
                    __VUE_OPTIONS_API__: true,
                    __VUE_PROD_DEVTOOLS__: false,
                }),
            ],
        };
    })