Skip to main content

css-loader

css-loader​

css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。

快速开始​

如果要使用 css-loader，你需要安装 webpack@5

首先，你需要先安装 css-loader：

npm install --save-dev css-loader

然后把 loader 引用到你 webpack 的配置中。

webpack.config.js

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

然后运行 webpack。

modules​

modules 选项启用/禁用 CSS 模块 规范并且设置基本的行为

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        loader: "css-loader",
        options: {
          modules: true, // Boolean
        },
      },
    ],
  },
};

参考​