Webpack: Bundle.js - Uncaught Reference: Prozess wird nicht

Question

Hier ist mein 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", 
}; 

Und 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'; 

Die Bundle.js wird in meine Index.html eingefügt. Der Browser gibt dann den Fehler:

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) 

Was soll ich in dem webpack.config.js ändere diese Fehler verschwinden zu machen?

Answer 1

Sie benötigen ein Plugin um Ihre env zu definieren (in webpack config):

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