vue cli3下 src 图标显示[object Module] 问题

最新推荐文章于 2022-02-28 13:50:10 发布

夲木^_^

最新推荐文章于 2022-02-28 13:50:10 发布

阅读量1.5k

点赞数 1

分类专栏： webpack vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_45950523/article/details/107221571

版权

vue 同时被 2 个专栏收录

49 篇文章 1 订阅

订阅专栏

webpack

3 篇文章 0 订阅

订阅专栏

配置

chainWebpack: config => {
 config.module
    .rule('images')
      .use('url-loader')
        .loader('url-loader')
        .tap(options => Object.assign(options, { limit: 2000, esModule: false })); // 配置线上图片转base64。 app 已有做浏览器缓存。转换过大，会加大首屏加载时长
}

这是因为file-loader默认采用ES模块语法，即import ‘…/image.png’；然而Vue生成的是CommonJS模块语法，即require(’…/image.png’)；二者不一致。要么让file-loader或url-loader采用CommonJS语法，要么让Vue采用ES语法。
esModule: false