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以後，打包