javascript - 为什么 'document' is not defined 在 webpack 构建时出错？

Question

我正准备在 Heroku 上放置一个小型 React 应用程序，并且正在处理生产配置。当我运行 npm run build 时，一切正常。但是，当我运行构建的文件 node dist/dist.js 时，我收到错误:

ReferenceError: document is not defined

我应该使用不同的 css 加载器吗？我的 webpack.deployment.config.js 如下:

    const path = require('path');
const webpack = require('webpack');

module.exports = {
  devtool: 'source-map',

  entry: [
    './client/index.js'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: './dist/'
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      minimize: true,
      compress: {
        warnings: false
      },
      sourceMap: true
    })
  ],
  module: {
    loaders: [{
      test: /.jsx?$/,
      loader: 'babel-loader',
      include: path.join(__dirname, 'client'),
      exclude: /node_modules/,
      query: {
        presets: ['es2015', 'react']
      }
    },
     { test: /\.css$/, loader: "css-loader" },
     { test: /\.(jpg|png|svg)$/, use: 'file-loader'}

    ]
  },
};

Answer 1

npm 模块 jsdom 可用于使窗口和文档在非浏览器环境中可用。