kef-builder-buffet/webpack/cfg/image.js

buffet-builder构建工具

/**
 * 图片loader配置
 * @param {json} config - webpack配置文件
 */

'use strict';

const path = require('path');
const fs = require('fs');

module.exports = function(config) {
  config.module = config.module || {};
  config.module.rules = config.module.rules || [];

  let imageModuleRule = {
    test: /\.(jpg|png|gif|svg)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 10240
        }
      },
      {
        loader: 'image-webpack-loader',
        options: {
          bypassOnDebug: true,
          svgo: {
            plugins: [{ removeTitle: true }, { removeDesc: true }]
          }
        }
      }
    ]
  };

  let fontModuleRule = {
    test: /\.(woff|woff2|eot|ttf)\??.*$/,
    use: [
      {
        loader: 'url-loader'
      }
    ]
  };

  config.module.rules.push(imageModuleRule);
  config.module.rules.push(fontModuleRule);
};