vue-cli3中如何配置image-webpack-loader？

Question

以前是在 webpack.base.config.js 中配置 image-webpack-loader ：

{  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,  use:[
    {    loader: 'url-loader',    options: {      limit: 10000,      name: utils.assetsPath('img/[name].[hash:7].[ext]')
      }
    },
    {      loader: 'image-webpack-loader',      options: {        bypassOnDebug: true,
      }
    }
  ]
}

现在使用 vue-cli3 没有地方配置，官网上在 vue-config.js 中配置，但是应该如何配置呢？有没有使用过的？

Answer 1

楼主，你好~试试下面这个，亲测可以。最后可以用命令 vue-cli-service inspect 验证下// vue.config.jsmodule.exports = {    chainWebpack: config => {         config.module             .rule('images')             .use('image-webpack-loader')             .loader('image-webpack-loader')             .options({                bypassOnDebug: true             })             .end()     } }