处理 img 的 src

使用 file-loader 处理图片支持3种格式

• 使用 require 导入图片，此时配置文件的 file-loader 如果不配置 esModule: false ，则需.default 导出。

  oImg.src = require('../img/01.wb.png').default

• 可以在配置当中设置 esModule: false，这时不需 .default。

  {
        test: /\.(png|jpe?g)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              esModule: false
            }
          }
        ]
      }

• 采用 import xxx from 图片资源，此时可以直接使用，无需改配置，无需 .default。

  import oImgSrc from '../img/01.wb.png'

处理 css 背景图片

如果 css 文件中用 url 设置了图片背景，css-loader 也需要配置 esModule。

{
        test: /\.css$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              esModule: false
            }
          },
          'postcss-loader'
        ]