码迷,mamicode.com
首页 > Web开发 > 详细

vue项目 webpack 打包 图片转换

时间:2017-10-26 20:55:19      阅读:274      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!