时间戳

首页 > 解决方案 > 模块 CSS 未在项目中加载

css - 模块 CSS 未在项目中加载

问题描述

我正在开发一个反应模块，并且我有一个反应项目设置以演示反应模块。一切正常，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 项目结构。我在这里做错了什么？

教程

标签： cssreactjsnpm

解决方案

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

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

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

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

推荐阅读