What do these Webpack v3 ModuleConcatenationPlugin messages mean?

Question

I get this output using Webpack 3 using 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)/buildin/global.js native Webpack file ( (webpack)/buildin/global.js ) prevent concatenation?

src/index.js as follows:

 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 does not prevent concatenation for all modules. The error means that these specific modules are not combined. You will need ES6 modules to make ModuleConcatenationPlugin work.