fix(FEC-14000): css-loader create multiple styles tags

kaltura · Jun 16, 2024 · f1ad62a · f1ad62a
1 parent 1fa0771
commit f1ad62a
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,6 +1,7 @@
 const webpack = require('webpack');
 const path = require('path');
 const packageData = require('./package.json');
+const CSS_MODULE_PREFIX = 'playkit';
 
 module.exports = (env, { mode }) => {
   return {
@@ -35,13 +36,19 @@ module.exports = (env, { mode }) => {
         {
           test: /\.scss/,
           use: [
-            'style-loader',
+            {
+              loader: 'style-loader',
+              options: {
+                attributes: {id: `${packageData.name}`},
+                injectType: "singletonStyleTag"
+              }
+            },
             {
               loader: 'css-loader',
               options: {
                 esModule: true,
                 modules: {
-                  localIdentName: '[local]',
+                  localIdentName: `${CSS_MODULE_PREFIX}-plx-[local]`,
                   namedExport: true
                 }
               }