webpack---图片打包前和打包后名称一致的配置

---------webpack.config.js------------

const config = {
    entry: {
        main: './src/index.js',
    },
    output: {
         filename: 'bundle.js',

　　　　　　path: path.resolve(__dirname,'dist')    },

    module: {
        rules: [
            {
                test: /.(jpg|png|gif)$/,   //这个配置是重点
                use: {
                    loader:"url-loader",
                    options:{
                        name:'[name].[ext]',  //打包出来的图片名字和后缀都和之前的一样
　　　　　　　　　　　　　　outputPath:"images/", 
　　　　　　　　　　　　　　limit：2048 //当图片大小超过2048个字节的时候，将打包的图片存在dist/images文件夹中，否则直接改为base64格式放在bundle.js中，可以减少http请求

　　　　　　　　　　　　　}

                }
            },

        ]
    }
};