How to pass webpack media variable to script?

Question

webpack

Good afternoon.
How to pass a variable to the script itself? I do it through DefinePlugin, but as a result I get undefined. Thanks in advance for your reply!

const Elixir = require('laravel-elixir');
const webpack = require('webpack');
require('laravel-elixir-webpack-official');
require('laravel-elixir-vue-2');

Elixir.webpack.config.plugins   =   [
    new webpack.DefinePlugin({
        'process.env': {
            'API_URL': JSON.stringify("http://domain.com/api_url")
        }
    })
];

Elixir(
    mix => {
        mix.webpack('./src/app.js', publicPath),
            mix.copy(nodeModulesPath+"/font-awesome/fonts/",publicPath+"/fonts/")
    }
);

In script:

mounted(){
        console.log(process.env.API_URL); // undefined
    }

Answer 1

To get the value of a variable defined via the define plugin, you just need to write its name. In your case it is: API_URL(not process.env.API_URL)