webpack не может использовать переменные окружения процесса в моем angular JS

#angularjs #ecmascript-6 #webpack

#angularjs #ecmascript-6 #webpack

Вопрос:

Я хочу установить URL API во время настройки webpack.

Попробовал это так :

 plugins.push(
            new HtmlWebpackPlugin({
                hash: true,
                filename: 'index.html',
                template:  './src/index.ejs',
                inject : false
            }),
            // Write out CSS bundle to its own file:
            new ExtractTextPlugin({
                filename: 'css/styles.css',
                allChunks: true
            }),

            new webpack.DefinePlugin({
                'process.env.API':  'api'
            })
        );
  

а затем в моем JS попытался вызвать это следующим образом

 const accountCentreAPI = process.env.API;
  

Но выдает ошибку следующим образом :

  http://localhost:8080/
webpack result is served from http://localhost:8080/
content is served from ./src
webpack: wait until bundle finished: /
{ SyntaxError: Unexpected token (1:49)
    at Parser.pp$4.raise (F:srcClientnode_modulesacorndistacorn.js:2221:15)
    at Parser.pp.unexpected (F:srcClientnode_modulesacorndistacorn.js:603:10)
    at Parser.pp$3.parseExprAtom (F:srcClientnode_modulesacorndistacorn.js:1822:12)
  

Моя версия webpack
Версия: webpack 2.1.0-beta.22

Обратите внимание, что все работало нормально, пока я не добавил DefinePlugin в свой webpack и не попытался вызвать process.env в своем js.

Комментарии:

1. Можете ли вы поделиться своим webpack.config

2. исправлено, похоже, мне просто не хватало JSON.stringify() вокруг значения в webpack.