1. 安装 file-loader

      1. yarn add file-loader url-loader -D
    2. 在webpack.config.js中添加对应的配置

    1. {
    2. test: /\.(png|jpeg|jpg|svg)$/i,
    3. use: [
    4. {
    5. loader: "url-loader",
    6. options:{
    7. limit:102400,
    8. fallback:"file-loader"
    9. }
    10. }
    11. ],
    12. },

    url-loader 的作用跟 file-loader 差不多,都是用来解析不同的文件类型。区别是 url-loader 可以设置一个文件大小限制,在这个大小内的图片或字体可以转成 base64,不在这个区间大小的文件采用 file-loader 做处理。