webpack/manifest.json doesn't get updated when add an image in assets folder

[brightgems]

Tested using latest version with command cookiecutter https://github.com/cookiecutter-flask/cookiecutter-flask/.

the problem is when add an image in assets folder, then execute npm run build, I can find that compiled in webpack/manifest.json. As a result, asset_url_for('img path') in jinjia template and cannot find its path.

after dive into ManifestRevisionPlugin, I found that it will prevent from add from stat into json file when the length of reason property is not 0. the reason text prompt optimizationBailout: [ 'ModuleConcatenation bailout: Module is not an ECMAScript module' ]

below is stat text.

css ./node_modules/_css-loader@3.0.0@css-loader/dist/cjs.js!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js!./assets/css/style.less,false
{ id: '',
  identifier:
   'css D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_css-loader@3.0.0@css-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_less-loader@5.0.0@less-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\assets\\css\\style.less 0',
  name:
   'css ./node_modules/_css-loader@3.0.0@css-loader/dist/cjs.js!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js!./assets/css/style.less',
  index: 18,
  index2: 16,
  size: 2351,
  cacheable: undefined,
  built: false,
  optional: false,
  prefetched: false,
  chunks: [ 0 ],
  issuer:
   'D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_mini-css-extract-plugin@0.7.0@mini-css-extract-plugin\\dist\\loader.js??ref--4-0!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_css-loader@3.0.0@css-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_less-loader@5.0.0@less-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\assets\\css\\style.less',
  issuerId: 15,
  issuerName: './assets/css/style.less',
  issuerPath:
   [ { id: 15,
       identifier:
        'D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_mini-css-extract-plugin@0.7.0@mini-css-extract-plugin\\dist\\loader.js??ref--4-0!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_css-loader@3.0.0@css-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_less-loader@5.0.0@less-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\assets\\css\\style.less',
       name: './assets/css/style.less',
       profile: undefined } ],
  profile: undefined,
  failed: false,
  errors: 0,
  warnings: 0,
  assets: [],
  reasons:
   [ { moduleId: 15,
       moduleIdentifier:
        'D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_mini-css-extract-plugin@0.7.0@mini-css-extract-plugin\\dist\\loader.js??ref--4-0!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_css-loader@3.0.0@css-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\node_modules\\_less-loader@5.0.0@less-loader\\dist\\cjs.js!D:\\ulwork\\product_innovation\\ec\\trendash\\assets\\css\\style.less',
       module: './assets/css/style.less',
       moduleName: './assets/css/style.less',
       type: undefined,
       explanation: undefined,
       userRequest: undefined } ],
  usedExports: true,
  providedExports: null,
  optimizationBailout:
   [ 'ModuleConcatenation bailout: Module is not an ECMAScript module' ],
  depth: 2 }

[lamphej]

@brightgems , if you are still facing this problem, it looks like its happening because of a change in webpack 4. Following this comment nickjj/manifest-revision-webpack-plugin#49 (comment) I was able to get it working. Namely adding the extensionsRegex: /\.(jpe?g|png|gif|svg)$/i, to your ManifestRevisionPlugin