wepack四 引入加载css文件

  1. 在webpack项目中引入css样式
    首先需要在终端安装css loader
npm install css-loader style-loader --save-dev

wepack四 引入加载css文件_第1张图片

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.刷新后即可发现样式文件加载成功
wepack四 引入加载css文件_第2张图片

你可能感兴趣的:(前端,webpack)