webpack利用url-loader打包图片

rules: [
            {
                test: /\.(jpg|png|gif)$/,
                use: {
                    loader: 'url-loader',
                    options:{
                        name:'[name].[ext]',
                        outputPath:'images/',
                        limit:20480
                    }
                }
            }
        ]

test里面是要利用url-loader进行打包的文件格式范围。
[name].[ext]就可以让被打包的文件的名字不变。
limit和outputPath一起使用，当文件大小超过limit的限制，打包文件就会生成在outputPath下。