webpack.config.js配置url-loader和file-loader

module.exports = {
    module: {
        rules: [
            {
                test: /\.(png|jpg|gif)$/,
                use: [
                  {
                    loader: 'url-loader',
                    options: {
                        // limit: 100000, //单位为bit
                        limit: 1000, //单位为bit
                        fallback: {
                            loader: 'file-loader',
                            options: {
                                name: '[name]-[hash].[ext]',
                                outputPath: 'asset/'
                            }
                      }
                    }
                  }
                ]
            },
        }
    }

url-loader超过imit会走fallback，所以要file-loader配置要写在fallback里。如果像平常一样写完url-loader配置再区写file-loader会出现图片打包了，但是你用到图片的地方也转成了base64导致出现打包成功但是图片是base64不能显示图片的情况，这是我练习遇到的情况，不知道你们是不是i也是这种情况。