美文网首页
3.处理图片资源

3.处理图片资源

作者: __疯子__ | 来源:发表于2020-05-19 14:29 被阅读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:'/' 
               }
           }
       ]
    }
    

    相关文章

      网友评论

          本文标题:3.处理图片资源

          本文链接:https://www.haomeiwen.com/subject/zulbohtx.html