Webpack处理css

阿Yao_

于 2023-04-21 15:12:49 发布

阅读量149

点赞数

分类专栏： webpack 文章标签： webpack css 前端

本文链接：https://blog.youkuaiyun.com/YJH15888673903/article/details/130289345

版权

webpack 专栏收录该内容

3 篇文章

订阅专栏

要使用css-loader，需先运行npminstall--save-devcss-loader和style-loader。接着，在webpack配置文件webpack.config.js中，添加模块规则，匹配.css文件，使用[style-loader,css-loader]处理。这样设置后，项目就能解析并应用CSS了。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

npm install --save-dev css-loader style-loader

然后把 loader 引用到你 webpack 的配置中。如下所示：

file.js

import css from "file.css";

webpack.config.js

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