Powered by md-Blog  文 - 篇  访客 -

【图片问题】Webpack打包图片img后src为“[object Module]”问题


  分类:Webpack  / 
更新:2020-11-01 17:25:33  /  创建:2020-07-18 11:57:31
不要删除

问题

使用 url-loader / file-loader 打包图片后图片路径变为:[object Module]

原因

新版本的 file-loaderesModule 默认为 true,我们在配置文件中修改为 false 即可。

解决

options 添加:esModule: false 选项
rules: [{
    test: /\.(png|jpg|gif)$/,
    use: {
        loader: 'url-loader',
        options: {
            esModule: false,
            limit: 1024 * 10,
            name: './static/images/[name]_[hash:6].[ext]',
        }
    }
}]

不要删除

小站不易,感谢支持!