webpack--插件配置:CSS中的图片处理(六)

目录结构

clipboard.png

webpack.config.js

  1. test:/.(png|jpg|gif)/是匹配图片文件后缀名称。
  2. use:是指定使用的loader和loader的配置参数。
  3. limit:是把小于500000B的文件打成Base64的格式,写入JS。
{
                test: /\.(png|jpg|gif)/,
                use: [{
                    loader: 'url-loader',
                    options: {
                        limit:50000
                    }
                }]
            }

运行webpack以后

clipboard.png

修改配置,小于50b以后,打包

clipboard.png

相关文章
相关标签/搜索