wepack学习四 引入加载css文件

1. 在webpack项目中引入css样式
   首先需要在终端安装css loader

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

2.在webpack.config.js中进行配置

module:{
       rules:[{
       test:/\.css$/,
       use: ['style-loader', 'css-loader'],
     }]
    },

3.新建样式文件index.css

body{
    background: #0d70ff;
}

4.在js中对该样式进行引入

import {css} from '../css/index_lottery.css'

5.刷新后即可发现样式文件加载成功