图片Loader

通过url-loader可以编码图片成base64，解决文件拷贝过程依赖名变化问题~

设置url-Loader

webpack会将样式文件中任何使用url声明部分内容进行base64编码，参数为编码的限制条件

  1. {
  2.   test: /\.(jpg|png)$/,
  3.   loader: 'url?limit=25000',
  4.   include: PATHS.images
  5. }

设置file-Loader

自定义文件名，非内联

  1. {
  2.   test: /\.(jpg|png)$/,
  3.   loader: 'file?name=[path][name].[hash].[ext]',
  4.   include: PATHS.images
  5. }

加载SVGs

  1. {
  2.   test: /\.svg$/,
  3.   loader: 'file',
  4.   include: PATHS.images
  5. }

如果需要原生的svg可以通过raw-loader实现

压缩图片

使用image-webpack-loader或者svgo-loader，压缩需要先执行，所以需要放在图片处理laoders最后一个

<<上一节:样式Loader >>下一节:字体loader