Webpack：Bundle.js - 未捕获的 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 中更改什么以使此错误消失？

原文由 cbll 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要添加一个插件来定义您的环境（在 webpack 配置中）：

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

原文由 Kinnza 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

2020 年 10 月更新：

对于 webpack 5，您可以参考 process/browser 来自相应的 plugins 的一部分 webpack.config.js

 // webpack needs to be explicitly required
const webpack = require('webpack')

module.exports = {

/* ... rest of the config here ... */

  plugins: [
    // fix "process is not defined" error:
    // (do "npm install process" before running the build)
    new webpack.ProvidePlugin({
      process: 'process/browser',
    }),
  ]
}

原文由 Fergie 发布，翻译遵循 CC BY-SA 4.0 许可协议