在构建 webpack 时安装 react datepicker 失败

Question

在尝试安装 react-datepicker 时，我遇到了通过 webpack 导入 css。我无法正确安装它。

这是我的 webpack.config.js： const path = require('path');

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },
            { test: /\.jsx?$/, exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
    }
}

我用 npm 安装了 css-loader。我在上面添加了具有 style-loader 和 css-loader 的 use 调用，但是当我去加载时它失败了。有人有将css导入js的具体安装说明吗？ react-datepicker instructions 简短而含糊。

对于我刚刚添加的 react 社区，大多数日期组件都有这种从 javascript 文件中导入 css 的样式。我没有使用 create-react-app，我推出了自己的，您是否能够让这些导入在您自己的 webpack 环境中工作？

提前致谢。

Answer 1

我找到了答案here。我基本上只需要确保已安装 css-loader 和 style-loader 并添加以下 webpack 配置。