veimagex-webpack-loader

veImageX Webpack Loader

一款 webpack 插件，可以将代码中引入的本地图片资源上传至云端（veImageX），快速接入 veImageX 提供的云端处理能力，使用前请先在火山引擎开通veImageX图片服务

安装

// use npm
npm install veimagex-webpack-loader --save-dev

// use yarn
yarn add veimagex-webpack-loader --dev

使用方法同 file-loader，支持 file-loader 的所有参数，主要用于上传失败后的文件处理，新增了用于图片上传和访问的参数

{
  loader: 'veimagex-webpack-loader',
  test: /\.(png|jpe?g|gif|svg)$/i,
  options: {
    outputPath: 'static/media',
    name: '[name].[hash:8].[ext]',
    serviceId: '<veImageX服务ID>',
    template: '<veImageX模板名称>',
    domain: '<veImageX上绑定的域名>',
    params: '<参数数组>', // 如果模板中有url参数则需要指定
    accessKey: '<火山引擎accessKey>',
    secretKey: '<火山引擎secretKey>',
    region: 'cn' | 'sg' | 'us', // 上传区域
  },
}

注意

不要对同一个图片文件同时使用 file-loader 和 veimagex-webpack-loader