3.处理图片资源

2020-05-19  本文已影响0人  __疯子__

1.修改index.css文件

body{
  background-image:url('../images/01.jpg')
}

2.安装依赖
cnpm i -D url-loader@4.1.0
3.修改webpack.config.js文件

//rules规则中新增
{
   test:/\.(png|jpg|gif)$/,
   use:[
       {
           loader:"url-loader",
           options:{
              limit:10000,//小于1M的文件将会被转换为base64
              name:"static/images/[name].[ext]",
              publicPath:'/' 
           }
       }
   ]
}
上一篇下一篇

猜你喜欢

热点阅读