> For the complete documentation index, see [llms.txt](https://sugar-at.gitbook.io/blog-article/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sugar-at.gitbook.io/blog-article/webpack/css.md).

# 2. 加载CSS

## 1. 安装css-loader 与 style-loader

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

## 2. 在webpack.config.js中配置

```javascript
module.exports={
    //...code
    module:{
        rules:[
            {
                //使用正则表达式,匹配以.css结尾的文件
                test:/\.css$/,
                //顺序不能颠倒
                use: ['style-loader','css-loader']
            }
        ]
    }
}
```

## 3. 使用方法

index.js

```javascript
import "./../css/index.css"
```