Merge pull request #16405 from edx/dahlia/fix_webpack_split

fix styling loader

webpack.dev.config.js

@@ -30,13 +30,17 @@ module.exports = Merge.smart(commonConfig, {
                     /paragon/,
                     /font-awesome/
                 ],
-                use: [{
+                use: [
+                    'style-loader',
+                    {
                         loader: 'css-loader',
                         options: {
+                            sourceMap: true,
                             modules: true,
-                        localIdentName: '[name]__[local]___[hash:base64:5]'
+                            localIdentName: '[path][name]__[local]--[hash:base64:5]'
                         }
-                }, {
+                    },
+                    {
                         loader: 'sass-loader',
                         options: {
                             data: '$base-rem-size: 0.625; @import "paragon-reset";',
@@ -46,7 +50,8 @@ module.exports = Merge.smart(commonConfig, {
                             ],
                             sourceMap: true
                         }
-                }]
+                    }
+                ]
             }
         ]
     }