css-loader
css-loader 对 @import 和 url() 的解释就像 import/require() 一样，并会对它们进行解析。
开始使用
首先，你需要安装 css-loader。
npm install --save-dev css-loader
然后将该插件添加到你的 webpack 配置中。例如
file.js
import css from 'file.css';
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use: ['style-loader', 'css-loader'],
},
],
},
};
用于要求你的资产的好的加载器是 file-loader 和 url-loader，你应该在你的配置中指定（见下文）。
然后通过你喜欢的方法运行webpack。
toString
你也可以直接将 css-loader 的结果作为字符串使用，比如在 Angular 的组件样式中。
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use: ['to-string-loader', 'css-loader'],
},
],
},
};
或者
const css = require('./test.css').toString();
console.log(css); // {String}
如果有 SourceMaps，它们也会被包含在结果字符串中。
如果出于某种原因，你需要将 CSS 提取为一个纯字符串资源（即没有包裹在 JS 模块中），你可能会想要查看 extract-loader。例如，当你需要将 CSS 作为字符串进行后期处理时，它就很有用。
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use: [
'handlebars-loader', // handlebars loader expects raw resource string
'extract-loader',
'css-loader',
],
},
],
},
};
选项
（恕删略）
许可证
（The first version translated by vz on 2020.08.29）