Skip to main content

style-loader

style-loader

把 CSS 插入到 DOM 中。

快速开始

首先,你需要安装 style-loader

npm install --save-dev style-loader

推荐将 style-loadercss-loader 一起使用

然后把 loader 添加到你的 webpack 配置中。比如:

style.css

body {
background: green;
}

component.js

import "./style.css";

webpack.config.js

module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
],
},
};

如果由于某种原因你需要将 CSS 提取为一个文件(即不要将 CSS 存储在 JS 模块中),你可能想要查看 推荐示例