fix: compatibility with webpack v5

src/CssLoadingRuntimeModule.js

@@ -48,14 +48,26 @@ module.exports = class CssLoadingRuntimeModule extends RuntimeModule {
  RuntimeGlobals.hmrDownloadUpdateHandlers
  );
 
- if (!withLoading && !withHmr) return null;
+ if (!withLoading && !withHmr) {
+ return null;
+ }
 
  return Template.asString([
  `var createStylesheet = ${runtimeTemplate.basicFunction(
  'chunkId, fullhref, resolve, reject',
  [
  'var linkTag = document.createElement("link");',
- this.runtimeOptions.attributes,
+ this.runtimeOptions.attributes
+ ? Template.asString(
+ Object.entries(this.runtimeOptions.attributes).map((entry) => {
+ const [key, value] = entry;
+
+ return `linkTag.setAttribute(${JSON.stringify(
+ key
+ )}, ${JSON.stringify(value)});`;
+ })
+ )
+ : '',
  'linkTag.rel = "stylesheet";',
  this.runtimeOptions.linkType
  ? `linkTag.type = ${JSON.stringify(this.runtimeOptions.linkType)};`

src/index.js

@@ -49,38 +49,21 @@ class MiniCssExtractPlugin {
  ])
  : Template.asString(['document.head.appendChild(linkTag);']);
 
- const attributes =
- typeof options.attributes === 'object' ? options.attributes : {};
-
- // Todo in next major release set default to "false"
- const linkType =
- options.linkType === true || typeof options.linkType === 'undefined'
- ? 'text/css'
- : options.linkType;
-
  this.options = Object.assign(
- {
- filename: DEFAULT_FILENAME,
- ignoreOrder: false,
- },
+ { filename: DEFAULT_FILENAME, ignoreOrder: false },
  options
  );
 
  this.runtimeOptions = {
  insert,
- linkType,
+ linkType:
+ // Todo in next major release set default to "false"
+ options.linkType === true || typeof options.linkType === 'undefined'
+ ? 'text/css'
+ : options.linkType,
+ attributes: options.attributes,
  };
 
- this.runtimeOptions.attributes = Template.asString(
- Object.entries(attributes).map((entry) => {
- const [key, value] = entry;
-
- return `linkTag.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(
- value
- )});`;
- })
- );
-
  if (!this.options.chunkFilename) {
  const { filename } = this.options;
 
@@ -426,7 +409,19 @@ class MiniCssExtractPlugin {
  ]),
  '}',
  'var linkTag = document.createElement("link");',
- this.runtimeOptions.attributes,
+ this.runtimeOptions.attributes
+ ? Template.asString(
+ Object.entries(this.runtimeOptions.attributes).map(
+ (entry) => {
+ const [key, value] = entry;
+
+ return `linkTag.setAttribute(${JSON.stringify(
+ key
+ )}, ${JSON.stringify(value)});`;
+ }
+ )
+ )
+ : '',
  'linkTag.rel = "stylesheet";',
  this.runtimeOptions.linkType
  ? `linkTag.type = ${JSON.stringify(