Remove mini-css-extract-plugin: not recognized by CodeSandbox?

tkrotoff · tkrotoff · commit cf7066ff125a · 2018-11-13T01:15:35.000+01:00
diff --git a/examples/Bootstrap4/index.html b/examples/Bootstrap4/index.html
@@ -5,8 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <title>Example Bootstrap4</title>
-
-    <link rel="stylesheet" href="App.css">
   </head>
 
   <body>
diff --git a/examples/Bootstrap4/package.json b/examples/Bootstrap4/package.json
@@ -48,7 +48,6 @@
     "style-loader": "latest",
     "css-loader": "latest",
     "sass-loader": "latest",
-    "mini-css-extract-plugin": "latest",
 
     "webpack-cli": "latest",
     "webpack": "latest",
diff --git a/examples/Bootstrap4/webpack.config.js b/examples/Bootstrap4/webpack.config.js
@@ -1,7 +1,6 @@
 // @ts-check
 
 const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
   entry: {
@@ -13,10 +12,6 @@ module.exports = {
     filename: '[name].js'
   },
 
-  plugins: [
-    new MiniCssExtractPlugin({filename: '[name].css'})
-  ],
-
   resolve: {
     extensions: ['.js', '.jsx']
   },
@@ -27,11 +22,9 @@ module.exports = {
       { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.html$/, loader: 'file-loader', options: {name: '[path][name].[ext]'} },
       {
-        // FIXME Don't know how to make source maps work
-        // See SourceMap not working with Webpack 4.8.1 https://github.com/webpack-contrib/mini-css-extract-plugin/issues/141
         test: /\.scss$/,
         use: [
-          MiniCssExtractPlugin.loader,
+          { loader: 'style-loader', options: {sourceMap: true} },
           { loader: 'css-loader', options: {sourceMap: true} },
           { loader: 'sass-loader', options: {sourceMap: true} }
         ]
