suppress-entry-chunks-webpack-plugin.ts

// Remove .js files from entry points consisting entirely of .css|scss|sass|less|styl.
// To be used together with ExtractTextPlugin.

export class SuppressExtractedTextChunksWebpackPlugin {
  constructor() { }

  apply(compiler: any): void {
    compiler.plugin('compilation', function (compilation: any) {
      // find which chunks have css only entry points
      const cssOnlyChunks: string[] = [];
        const entryPoints = compilation.options.entry;
        // determine which entry points are composed entirely of css files
        for (let entryPoint of Object.keys(entryPoints)) {
          if (entryPoints[entryPoint].every((el: string) =>
            el.match(/\.(css|scss|sass|less|styl)$/))) {
              cssOnlyChunks.push(entryPoint);
          }
        }
      // Remove the js file for supressed chunks
      compilation.plugin('after-seal', (callback: any) => {
        compilation.chunks
          .filter((chunk: any) => cssOnlyChunks.indexOf(chunk.name) !== -1)
          .forEach((chunk: any) => {
            let newFiles: string[] = [];
            chunk.files.forEach((file: string) => {
              if (file.match(/\.js$/)) {
                // remove js files
                delete compilation.assets[file];
              } else {
                newFiles.push(file);
              }
            });
            chunk.files = newFiles;
          });
        callback();
      });
      // Remove scripts tags with a css file as source, because HtmlWebpackPlugin will use
      // a css file as a script for chunks without js files.
      compilation.plugin('html-webpack-plugin-alter-asset-tags',
        (htmlPluginData: any, callback: any) => {
          const filterFn = (tag: any) =>
            !(tag.tagName === 'script' && tag.attributes.src.match(/\.css$/));
          htmlPluginData.head = htmlPluginData.head.filter(filterFn);
          htmlPluginData.body = htmlPluginData.body.filter(filterFn);
          callback(null, htmlPluginData);
        });
    });
  }
}