Fixes #22 : Call to apply can be asynchronous, but the ‘emit’ callback function shall only be used once from the main class.

src/components/auto-increase-version/auto-increase-version.js

@@ -18,20 +18,15 @@ export default class AutoIncreaseVersion {
    * @protected
    * @returns {Promise}
    */
-  apply() {
+  async apply() {
     // when runInWatchMode
     // we have to register AutoIncreaseVersion instead of firing it straight away
     if (config.componentsOptions.AutoIncreaseVersion.runInWatchMode) {
-      if (this.context.compiler) {
-        this.context.compiler.plugin('emit', async (compilation, cb) => {
       await new Promise((resolve, reject) => {
         this.resolve = resolve;
         this.reject = reject;
         this.start();
       });
-          cb();
-        });
-      }
       return null;
     }
 

src/components/inject-as-comment/inject-as-comment.js

@@ -24,10 +24,9 @@ export default class InjectAsComment {
    * @returns {Promise}
    */
   apply() {
-    this.context.compiler.plugin('emit', (compilation, cb) => {
-      for (let basename in compilation.assets) {
+    for (let basename in this.context.compilation.assets) {
       let ext = path.extname(basename);
-        let asset = compilation.assets[basename];
+      let asset = this.context.compilation.assets[basename];
       switch (ext) {
         case '.js' :
           this.injectIntoJs(asset);
@@ -43,8 +42,7 @@ export default class InjectAsComment {
       }
       log.info(`InjectAsComment : match : ${basename} : injected : ${this.context.version}`);
     }
-      cb();
-    });
+
     return new Promise((resolve) => { resolve(); });
   }
 

src/components/inject-by-tag/inject-by-tag.js

@@ -22,13 +22,12 @@ export default class InjectByTag {
    * @returns {Promise}
    */
   apply() {
-    this.context.compiler.plugin('emit', (compilation, cb) => {
     // for every output file
-      for (let basename in compilation.assets) {
+    for (let basename in this.context.compilation.assets) {
       // only if match regex
       if (this.context.config.componentsOptions.InjectByTag.fileRegex.test(basename)) {
         let replaced = 0;
-          let asset = compilation.assets[basename];
+        let asset = this.context.compilation.assets[basename];
 
         const originalSource = asset.source();
         if (!originalSource || typeof originalSource.replace !== 'function') {
@@ -63,8 +62,6 @@ export default class InjectByTag {
         log.info(`InjectByTag : match : ${basename} : replaced : ${replaced}`);
       }
     }
-      cb();
-    });
     return new Promise((resolve) => { resolve(); });
   }
 }

src/main.js

@@ -49,9 +49,13 @@ export default class WebpackAutoInject {
    * @param compiler
    * @protected
    */
-  async apply(compiler) {
+  apply(compiler) {
     this.compiler = compiler;
+    compiler.plugin('emit', async (compilation, cb) => {
+      this.compilation = compilation;
       await this.executeWebpackComponents();
+      cb();
+    });
   }
 
   /**