css如何引用图片？css引用图片的办法

图片写入css：css引用图片

css引用图片第一步：在src目录下新建一个images文件夹并且放入一张图片

css引用图片第二步：在index.html中插入一个区块

例如：<p id="pic"></p>

css引用图片第三步：在css目录下的index.css里面为#pic插入背景图片

css引用图片第四步：在终端输入webpack打包报错，需要在终端配置 ffile-loader和url-loader

npm install –save-dev file-loader url-loader

安装成功

在终端输入：

css引用图片第五步：在webpack-config.js里面的==module==里配置==url-loader==(url-loader包括file-loader,所以不用再配置file-loader)

//模块：例如解读CSS,图片如何转换，压缩module:{
     rules: [
         {
           test: /\.css$/,           use: [ 'style-loader', 'css-loader' ]
         },{
            test:/\.(png jpg gif)/ ,            use:[{
                loader:'url-loader',
                options:{
                    limit:500000
                }
            }]
         }
       ]
 },