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

目录结构

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之后

修改配置，小于50b之后，打包