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()
    }
}