Question

我正在开发一个react模块，并且我已经有一个react项目设置来演示react模块。一切正常，将webpack配置设置为使用以下CSS加载程序。

{
    test: /\.(css|less)$/,
    use: ["style-loader", "css-loader"]
}

当导入和使用模块时，哪个可以在项目中的模块中完美地加载CSS。但是当我使用以下命令时，

{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader']
    })
}

已生成CSS，但未将其加载到项目中。我是新来的React，O遵循以下教程来了解React项目的结构。我在这里做错了什么？

Answer 1

请确保您已使用以下插件从模块中提取了css

plugins: [ 
    new ExtractTextPlugin({filename: 'style.css'})
]

并将此CSS链接到您的index.html

<head>
    <link rel="stylesheet" href="style.css">
</head>