Webpack: Bundle.js - Uncaught ReferenceError: процесс не определен

Question

Вот мой webpack.config.js

"use strict"; 

module.exports = { 
    entry: ['./main.js'], 
    output: { path: __dirname, filename: 'bundle.js' }, 
    module: { 
     loaders: [ 
      { 
       test: /.js?$/, 
       loader: 'babel-loader', 
       exclude: /node_modules/, 
       query: { 
        presets: ['es2015', 'react'] 
       } 
      }, 
      {test: /\.json$/, loader: "json"}, 
     ] 
    }, 
    externals: { 
     React: 'react', 
    }, 
    target: "node", 
}; 

И Main.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import {Table, Column, Cell} from 'fixed-data-table'; 
import Chart from 'chartjs'; 
import jQuery from 'jquery'; 
import vis from 'vis'; 
import babel from 'babel-core'; 

В Bundle.js вставляется в мой Index.html. Затем браузер выдает ошибку:

Uncaught ReferenceError: process is not defined 
    at Object.measureMethods (bundle.js:1297) 
    at Object.<anonymous> (bundle.js:530) 
    at __webpack_require__ (bundle.js:20) 
    at Object.<anonymous> (bundle.js:288) 
    at __webpack_require__ (bundle.js:20) 
    at Object.<anonymous> (bundle.js:158) 
    at __webpack_require__ (bundle.js:20) 
    at Object.<anonymous> (bundle.js:110) 
    at __webpack_require__ (bundle.js:20) 
    at Object.<anonymous> (bundle.js:90) 

Что я должен изменить в webpack.config.js, чтобы сделать эту ошибку уйти?

Answer 1

Вам нужно добавить плагин, чтобы определить ваш окр (в WebPack конфигурации):

plugins: [ 
     new webpack.DefinePlugin({ 
      'process.env.NODE_ENV': JSON.stringify('development') 
     }) 
    ],