Webpack file-loader 升级后 src= "[object Module]" 的解决方法

Webpack file-loader 升级后 src= "[object Module]" 的解决方法,当 file-loader 的版本是 4.3.0 及以上,则需要在 webpack.config.js 中手动配置属性 esModule 。


{
  test: /\.(jpg|jpeg|png|gif|svg)$/,
  loader: "file-loader",
  options: {
    esModule: false, // 默认值是 true,需要手动改成 false
  }
}




esModule

Type: Boolean Default: true

By default, file-loader generates JS modules that use the ES modules syntax. There are some cases in which using ES modules is beneficial, like in the case of module concatenation and tree shaking.


You can enable a CommonJS module syntax using:


webpack.config.js

module.exports = {
 module: {
  rules: [
   {
    test: /\.css$/,
    use: [
     {
      loader: 'file-loader',
      options: {
       esModule: false,
      },
     },
    ],
   },
  ],
 },
};





参考:

https://webpack.js.org/loaders/file-loader/#esmodule

真诚赞赏,手留余香
赞赏
随机推荐
正则表达式 - 替换和分组
uniapp 开发笔记(一)
TedPHP执行原生SQL查询的方法
Webpack 概念理解 module、chunk 和 bundle 的区别
20170829临摹手绘
企鹅直播品牌Logo提案,流程很好
thinkcmf 2 获取所有兄弟栏目, 并高亮当前栏目
Nginx location 匹配顺序
Javascript中键盘事件
PATCH和PUT方法的区别?