在使用 Vue.js 框架开发项目时,vue-cli创建的webpack模板默认会将10K以下的图片和字体文件转为base64。

好处:带来了更快的渲染,不会因为页面切换时还有加载图片的延迟感。

坏处:打包后的CSS,JS文件非常大,特别是图片数量多的情况下,这个问题尤为明显。

修改文件:/build/webpack.base.conf.js

修改方式,如下图所示位置,将图片和字体的 limit(限制)修改为:1(0貌似无效),修改后文件都不会再被转为base64格式了。

作者:黄河爱浪 QQ:1846492969,邮箱:[email protected]

公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。

更多精彩文章,敬请持续关注——WEB前端梦之蓝

相关文章:

  • 2021-11-18
  • 2021-06-05
  • 2021-07-13
  • 2021-10-10
  • 2021-11-04
  • 2021-11-22
  • 2021-06-17
  • 2021-08-12
猜你喜欢
  • 2021-06-25
  • 2021-11-17
  • 2021-08-01
  • 2021-04-12
  • 2021-11-02
  • 2019-06-11
  • 2021-08-06
相关资源
相似解决方案