django网页包加载程序设置以加载css_Django_Webpack

django网页包加载程序设置以加载css

django webpack

django网页包加载程序设置以加载css,django,webpack,Django,Webpack,当我像下面这样设置时，它就工作了。我正在使用 index.html {% load render_bundle from webpack_loader %} <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Jayground</title> {% render_bundle 'main' 'css

当我像下面这样设置时，它就工作了。我正在使用

index.html

{% load render_bundle from webpack_loader %}
<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Jayground</title>
        {% render_bundle 'main' 'css' %}
    </head>

    <body>
        <div id="react-app"></div>
        {% render_bundle 'main' 'js' %}
    </body>
</html>

根据我的理解，下面的代码也应该可以工作。若我并没有使用ExtractTextWebpackPlugin分离css文件，那个么bundle js文件中的css信息如下所示

exports.push([module.i, ".header {\r\n  background-color: blue;\r\n}\r\n\r\n.extra {\r\n\tfont-size: 50;\r\n}", ""]);

css应该正确加载

Header.js

import styles from './header.css';

export default class Header extends React.Component {
    render(){
        <div className="header">
            hello
        </div>
    }
}

import styles from './header.css';

export default class Header extends React.Component {
    render(){
        <div className={styles.header}>
            hello
        </div>
    }
}

我错过了正常工作的东西吗

import styles from './header.css';

export default class Header extends React.Component {
    render(){
        <div className={styles.header}>
            hello
        </div>
    }
}

config.module.rules.push(
    {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
    }
)