chore: add css to the dynamic import example

supports #40

examples/es6-dynamic-import/src/entry.js

@@ -2,6 +2,7 @@ import { GTG } from '../../_shared/constants'
 import { createDom } from '../../_shared/es6-dom'
 import { es6 } from '../../_shared/logos'
 import ready from '../../_shared/ready'
+import './styles.css'
 
 // needed to trigger Babel including array.es6.iterator polyfill
 // see https://github.com/DanielSchaffer/babel-ie11-dynamic-import-array-iterator-repro

examples/es6-dynamic-import/src/plugins/a/plugin.js

@@ -1,2 +1,4 @@
+import './styles-a.css'
+
 const log = () => console.log('plugin a')
 log()

examples/es6-dynamic-import/src/plugins/a/styles-a.css

@@ -0,0 +1,3 @@
+html {
+  background: red;
+}

examples/es6-dynamic-import/src/plugins/b/plugin.js

@@ -1,2 +1,4 @@
+import './styles-b.css'
+
 const log = () => console.log('plugin b')
 log()

examples/es6-dynamic-import/src/plugins/b/styles-b.css

@@ -0,0 +1,3 @@
+html {
+  background: blue;
+}

examples/es6-dynamic-import/src/styles.css

@@ -0,0 +1,3 @@
+html {
+  background: white;
+}

examples/es6-dynamic-import/webpack.config.js

@@ -1,6 +1,8 @@
-const BabelMultiTargetPlugin = require('../../').BabelMultiTargetPlugin
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 // const NamedLazyChunksPlugin =  require('../../').NamedLazyChunksPlugin
 
+const BabelMultiTargetPlugin = require('../../').BabelMultiTargetPlugin
+
 /**
  * @type {Configuration}
  *
@@ -18,12 +20,20 @@ module.exports = {
         test: /\.js$/,
         use: BabelMultiTargetPlugin.loader(),
       },
+      {
+        test: /\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+        ],
+      },
     ],
   },
 
   plugins: [
     // enable for smarter dynamic chunk naming
     // new NamedLazyChunksPlugin(),
+    new MiniCssExtractPlugin(),
   ],
 
 }