MiniCssExtractPlugin compatible?

[eatsjobs]

Hi thanks for you work on this.
did the plugin should work with css chunk and with MiniCssExtractPlugin?
thanks

[MhMadHamster]

i did not test with css and minicssplugin tbh so no idea

[hisapy]

I just tried this plugin in a project with MiniCssExtractPlugin. The output of the initial css chunk still contain the chunkhash, like main.3ba29441.chunk.css

[hisapy]

I hardcoded the following plugin in our react-scripts fork

class ChunkNamesPlugin {
  apply(compiler) {
    compiler.hooks.compilation.tap('ChunkNamesPlugin', compilation => {
      compilation.chunkTemplate.hooks.renderManifest.intercept({
        register(tapInfo) {
          if (tapInfo.name === 'JavascriptModulesPlugin') {
            const originalFn = tapInfo.fn;

            tapInfo.fn = (result, options) => {
              const chunkName = options.chunk.name;

              // Don't mutate options passed to other plugins
              let customOpts = { ...options };

              if (chunkName === 'main' || chunkName === 'vendors~main') {
                customOpts.outputOptions = {
                  ...options.outputOptions,
                  chunkFilename: 'js/[name].chunk.js',
                };

                const hasCss =
                  result[0] &&
                  result[0].identifier.startsWith('mini-css-extract-plugin');

                if (hasCss) {
                  result[0].filenameTemplate = 'css/[name].chunk.css';
                }
              }

              originalFn(result, customOpts);
            };
          }

          return tapInfo;
        },
      });
    });
  }
}

That's how I managed to avoid chunkhash in initial .css chunks. Maybe it can serve as an example to support MiniCssExtractPlugin in this lib.