美文网首页
vue3中把图片打包成base64的配置方式

vue3中把图片打包成base64的配置方式

作者: 黑白说程序 | 来源:发表于2020-11-14 09:06 被阅读0次

    1、新建一个vue.config.js文件,然后复制以下代码

    module.exports = {
      chainWebpack: config => {
        config.module
          .rule('images')
          .use('url-loader')
          .loader('url-loader')
          .tap(options => Object.assign(options, { limit: 5000 }))
      }
    }
    

    limit可以修改照片大小的范围,5000就是5kb以下的转成base64


    image.png

    2、重新npm run sever

    相关文章

      网友评论

          本文标题:vue3中把图片打包成base64的配置方式

          本文链接:https://www.haomeiwen.com/subject/yipibktx.html