react打包通過image-webpack-loader插件對圖片壓縮優化

react正常打包之後一些圖片文件很大，使打包體積很大，通過image-webpack-loader插件可將大的圖片進行壓縮從而縮小打包體積

step1：npm install image-webpack-loader --save-dev

step2：在config/webpack.config.prod.js中改如下配置

module.exports = {
    module: {
        strictExportPresence: true,
        rules: [
            {
                oneOf: [
                    {
                        test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
                        // loader: require.resolve('url-loader'),
                        // options: {
                        //     limit: 10000,
                        //     // name: 'static/media/[name].[hash:8].[ext]',
                        // },
                        loader: [require.resolve('url-loader') + '?limit=10000&name=static/media/[name].[hash:8].[ext]',
                            'image-webpack-loader'
                        ]
                    },

        ],
    },
};