以前是在 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 中配置，但是應該如何配置呢？有沒有使用過的？
1 回答
喵喔喔
TA貢獻1735條經驗 獲得超5個贊
樓主，你好~
試試下面這個，親測可以。最后可以用命令 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()
}
}添加回答
舉報
0/150
提交
取消