vue项目 webpack 打包图片转换

2021-05-18 07:29

阅读：324

标签：div 文件的 logs script file webpack bpa svg 安装

1.小于8K的图片将直接以base64的形式内联在代码中，可以减少一次http请求。

2.大于8k的呢?则直接file-loader打包, 这里并没有写明file-loader.但是确实是需要安装,否则会有问题.而name也是file-loader的属性. 重复一次必须安装file-loader

{ 
  test: /\.(woff|woff2|eot|ttf|svg|jpg|png|gif)\??.*$/, 
  loader: ‘url-loader‘,
  query: {
    // 图片大小限制 单位b
    limit: 8192,
    // 生成的文件的存放目录
    name: ‘resourse/[name].[ext]‘
  }
},

vue项目 webpack 打包图片转换

标签：div 文件的 logs script file webpack bpa svg 安装

原文地址：http://www.cnblogs.com/crazycode2/p/7738869.html

上一篇：[JSOI2008]最大数maxnumber（线段树）

下一篇：BZOJ-2257: [Jsoi2009]瓶子和燃料 (中国剩余定理)

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vue项目 webpack 打包图片转换
文章链接：http://soscw.com/index.php/essay/87092.html

亲，登录后才可以留言！

vue项目 webpack 打包图片转换

评论

热门文章

推荐文章

最新文章

置顶文章

vue项目 webpack 打包 图片转换

评论

热门文章

推荐文章

最新文章

置顶文章

vue项目 webpack 打包图片转换