将“static-site-generator-webpack-plugin”添加到我的项目后出现的问题答案

【问题标题】：Problems after adding 'static-site-generator-webpack-plugin' to my project将“static-site-generator-webpack-plugin”添加到我的项目后出现的问题
【发布时间】：2018-07-19 07:46:04
【问题描述】：

我刚刚将“static-site-generator-webpack-plugin”添加到我的项目中，但遇到了以下错误：

ERROR in ReferenceError: window is not defined
    at main:1:224
    at ContextifyScript.Script.runInContext (vm.js:59:29)
    at ContextifyScript.Script.runInNewContext (vm.js:65:15)
    at module.exports (/Users/johnnynolan/Repos/css-modules/node_modules/eval/eval.js:69:12)
    at /Users/johnnynolan/Repos/css-modules/node_modules/static-site-generator-webpack-plugin/index.js:42:22
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.optimizeChunkAssets.callAsync.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1275:32)
    at _err0 (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:11:1)
    at /Users/johnnynolan/Repos/css-modules/node_modules/uglifyjs-webpack-plugin/dist/index.js:282:11

我的 webpack.config 如下：

var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var StaticSiteGeneratorPlugin = require('static-site-generator-webpack-plugin');
var locals = {
  routes: [
     '/',
    '/about'
  ]
};

module.exports = {
  mode: 'production',
  entry:  './src',
  output: {
    path:  path.join(__dirname, 'build'),
    filename: 'bundle.js',
    libraryTarget: 'umd' // this is super important
  },
   module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: __dirname + '/src',
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'),
        include: __dirname + '/src'
      }
    ],
  },
  plugins: [
    new StaticSiteGeneratorPlugin('main', locals.routes),
    new ExtractTextPlugin("styles.css")
  ]
};

我不确定这是否取决于我设置 webpack.config 的方式，但我的感觉是使用“static-site-generator-webpack-plugin”存在问题？？？

任何帮助将不胜感激......

谢谢！

【问题讨论】：

标签： javascript reactjs webpack plugins

【解决方案1】：

您是否尝试将globalObject: 'this' 添加到您的输出中？详情here

【讨论】：