feat: add attrs option

README.md

@@ -352,6 +352,20 @@ const miniCssExtractPlugin = new MiniCssExtractPlugin({
 })
 ```
 
+#### Add custom attributes
+
+If you want to add some custom attributes to dynamically loaded css chunks, you can use `attrs` option
+
+```javascript
+const miniCssExtractPlugin = new MiniCssExtractPlugin({
+  attrs: {
+    'data-id': 'unique-id'
+  }
+})
+```
+
+Note: It's only applied to dynamically loaded css chunks, if you want to modify link attributes inside html file, please using [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
+
 #### Long Term Caching
 
 For long term caching use `filename: "[contenthash].css"`. Optionally add `[name]`.

src/index.js

@@ -363,6 +363,8 @@ class MiniCssExtractPlugin {
               }
             );
 
+            const { attrs = {} } = this.options;
+
             return Template.asString([
               source,
               '',
@@ -394,6 +396,11 @@ class MiniCssExtractPlugin {
                   'var linkTag = document.createElement("link");',
                   'linkTag.rel = "stylesheet";',
                   'linkTag.type = "text/css";',
+                  ...Object.keys(attrs).map((k) => {
+                    const key = JSON.stringify(k);
+                    const value = JSON.stringify(attrs[k] || '');
+                    return `linkTag.setAttribute(${key}, ${value});`;
+                  }),
                   'linkTag.onload = resolve;',
                   'linkTag.onerror = function(event) {',
                   Template.indent([