add SourceMap support

Author: sokra

src/index.js

@@ -3,7 +3,7 @@ import path from 'path';
 import webpack from 'webpack';
 import sources from 'webpack-sources';
 
-const { ConcatSource } = sources;
+const { ConcatSource, SourceMapSource, OriginalSource } = sources;
 const { Template } = webpack;
 
 const NS = path.dirname(fs.realpathSync(__filename));
@@ -99,7 +99,7 @@ class MiniCssExtractPlugin {
         const renderedModules = Array.from(chunk.modulesIterable).filter(module => module.type === NS);
         if (renderedModules.length > 0) {
           result.push({
-            render: () => this.renderContentAsset(renderedModules),
+            render: () => this.renderContentAsset(renderedModules, compilation.runtimeTemplate.requestShortener),
             filenameTemplate: this.options.filename,
             pathOptions: {
               chunk,
@@ -112,7 +112,7 @@ class MiniCssExtractPlugin {
         const renderedModules = Array.from(chunk.modulesIterable).filter(module => module.type === NS);
         if (renderedModules.length > 0) {
           result.push({
-            render: () => this.renderContentAsset(renderedModules),
+            render: () => this.renderContentAsset(renderedModules, compilation.runtimeTemplate.requestShortener),
             filenameTemplate: this.options.chunkFilename,
             pathOptions: {
               chunk,
@@ -190,7 +190,7 @@ class MiniCssExtractPlugin {
     return obj;
   }
 
-  renderContentAsset(modules) {
+  renderContentAsset(modules, requestShortener) {
     modules.sort((a, b) => a.index2 - b.index2);
     const source = new ConcatSource();
     const externalsSource = new ConcatSource();
@@ -211,7 +211,11 @@ class MiniCssExtractPlugin {
         if (m.media) {
           source.add(`@media ${m.media} {\n`);
         }
-        source.add(m.content);
+        if (m.sourceMap) {
+          source.add(new SourceMapSource(m.content, m.readableIdentifier(requestShortener), m.sourceMap));
+        } else {
+          source.add(new OriginalSource(m.content, m.readableIdentifier(requestShortener)));
+        }
         source.add('\n');
         if (m.media) {
           source.add('}\n');

test/cases/simple-async-source-map/async.css

@@ -0,0 +1 @@
+.async { background: blue; }

test/cases/simple-async-source-map/async.js

@@ -0,0 +1 @@
+import './in-async.css';

test/cases/simple-async-source-map/dist/0.css

@@ -0,0 +1,2 @@
+.async { background: blue; }
+

test/cases/simple-async-source-map/dist/0.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{4:function(n,w,o){}}]);

test/cases/simple-async-source-map/dist/1.css

@@ -0,0 +1,2 @@
+.in-async { background: green; }
+

test/cases/simple-async-source-map/dist/1.js

@@ -0,0 +1,2 @@
+body { background: red; }
+

test/cases/simple-async-source-map/dist/main.css

@@ -0,0 +1 @@
+.in-async { background: green; }

test/cases/simple-async-source-map/dist/main.js

@@ -0,0 +1,5 @@
+import './main.css';
+
+import('./async');
+
+import('./async.css');

test/cases/simple-async-source-map/expected/1.css

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

test/cases/simple-async-source-map/expected/1.css.map

@@ -0,0 +1,22 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: './index.js',
+  devtool: 'source-map',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};