Javascript 窗口未使用css加载程序定义

当我想在我的网页配置中放置css加载程序时，我有以下错误：

返回窗口&&document&&document.all&&！window.atob； ^

ReferenceError:未定义窗口

由于这个原因，我无法使用任何使用css的自定义组件。 我的webpack.config.js如下所示：

const path = require("path")
const webpack = require("webpack")

module.exports = {
entry: [
    "react-hot-loader/patch",
    "webpack-dev-server/client?http://localhost:8080",
    "webpack/hot/only-dev-server",
    "./src/browser/index.js"
],
output: {
    path: path.resolve(__dirname, "build", "assets"),
    filename: "app.min.js",
    publicPath: "/assets/",
    libraryTarget: 'var',
    library: 'className'
},
module: {
    loaders: [
        {
            test: /\.js$/,
            loader: "babel-loader"
        },
        {
            test: /\.(jpe?g|png|gif|svg|ico)$/i,
            loaders: [
                'file-loader?hash=sha512&digest=hex&name=[hash].[ext]',
                'image-webpack-loader'
            ]
        },
        {
            test: /\.css$/,
            loader: "style-loader!css-loader"
        }

    ]
}

,
plugins: [
    new webpack.HotModuleReplacementPlugin()
],
resolve: {
    alias: {
        component: path.resolve(__dirname, "src", "component"),
        actions: path.resolve(__dirname, "src", "actions"),
        reducers: path.resolve(__dirname, "src", "reducers"),
        store: path.resolve(__dirname, "src", "store")
    }
},
devServer: {
    host: "localhost",
    port: 8080,
    hot: true,
    proxy: {
        "**": "http://localhost:3000"
    }
}
};

---

你有什么想法吗？

我建议你编辑你的标题，并使其面向解决方案：比如“我如何在网页包中包含css自定义组件？”不要让它看起来像一个复制品。这是正确的，但我的主要问题是这一点。因为当我更改标题时，我总是有相同的答案：添加css加载设置相同的错误，你有机会解决它吗？没有，我只是更改了我的示例项目，以获得一个真实完整的项目：我建议你编辑标题并使其面向解决方案：例如“我如何将css自定义组件包括在webpack中？”不要让它看起来像一个复制品，这是对的，但我的主要问题是这个。因为当我更改标题时，我总是有相同的答案：添加css加载设置相同的错误，你有机会解决它吗？没有，我只是更改了我的示例项目，以获取真实完整的项目：