这些 Webpack v3 ModuleConcatenationPlugin 救助消息是什么意思？

Question

我使用 Webpack 3 获得此输出，使用 ModuleConcatenationPlugin:

  [11] (webpack)/buildin/global.js 509 bytes {0} [built]
       ModuleConcatenation bailout: Module is not an ECMAScript module
  [54] multi ./src/index.js 28 bytes {0} [built]
       ModuleConcatenation bailout: Module is not an ECMAScript module
  [55] ./src/index.js + 33 modules 238 kB {0} [built]
       ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: multi ./src/index.js (referenced with single entry)

Webpack 自己的文件 ((webpack)/buildin/global.js) 阻止连接？

src/index.js 看起来像这样：

import Calendar from './Calendar'
import DoubleSidedPlane from './DoubleSidedPlane'
import Grid from './Grid'
import Molecule from './Molecule'
import Plane from './Plane'
import PushMenuLayout from './PushMenuLayout'

import * as utils from './utils'
import * as core from './core'
import * as html from './html'
import * as components from './components'

export {
    Calendar,
    DoubleSidedPlane,
    Grid,
    Molecule,
    Plane,
    PushMenuLayout,

    utils,
    core,
    html,
    components,
}

export const version = '17.0.4'

Answer 1

global.js 不会阻止所有模块的串联。该错误意味着这些特定模块未连接。您需要 ES6 模块才能使 ModuleConcatenationPlugin 工作。