Как передать переменную средставми webpack в скрипт?

Question

[mrFlyer]

Добрый день.

Как передать переменную в сам скрипт? Делаю через DefinePlugin, но в результате получаю undefined. Заранее спасибо за ответ!

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/")
    }
);

В скрипте:

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

Comments

[Максим]

mrFlyer приведите пример как в скрипте считываете.

[mrFlyer]

Максим, console.log(process.env.API_URL); // undefined

[Максим]

mrFlyer, вы просто API_URL пишите.

Answer 1

[Максим]

Чтобы получить значение переменной, определенной через define плагин, нужно просто писать ее название. В вашем случае это: API_URL (а не process.env.API_URL)

Comments

[mrFlyer]

Пробовал. В ответ:

Uncaught ReferenceError: API_URL is not defined
at eval (eval at (app.js:526), :54:13)
at Object. (app.js:526)
at __webpack_require__ (app.js:20)
at app.js:64
at app.js:67

Может я его не правильно собираю, я в консоле собираю путем исполнения команды gulp