Handle case where there are no source maps.

This turns out to be really hard to do in practice. Generally speaking any time you use `ExtractTextPlugin` you get a `ConcatSource` which always has `sourceAndMap` available. The only case you don't get a source map is when another plugin generates a CSS file that uses `RawSource` or something similar. One such plugin is `optimize-css-assets-webpack-plugin` when you don't tell the CSS processor to generate a source map (e.g. `cssProcessorOptions` has no `map` entry).

Author: izaakschroeder

package-lock.json

@@ -35,6 +35,7 @@
     "less-loader": "^2.2.3",
     "memory-fs": "^0.3.0",
     "mocha": "^2.4.5",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
     "style-loader": "^0.13.1",
     "webpack": "^1.13.0"
   },

package.json

@@ -102,7 +102,7 @@ export default class CSSSplitWebpackPlugin {
     const input = asset.sourceAndMap ? asset.sourceAndMap() : {
       source: asset.source(),
     };
-    const name = (i) => this.options.filename({
+    const getName = (i) => this.options.filename({
       ...asset,
       content: input.source,
       file: key,
@@ -116,11 +116,14 @@ export default class CSSSplitWebpackPlugin {
       return Promise.resolve({
         file: key,
         chunks: result.chunks.map(({css, map}, i) => {
-          return new SourceMapSource(
+          const name = getName(i);
+          const result = map ? new SourceMapSource(
             css,
-            name(i),
+            name,
             map.toString()
-          );
+          ) : new RawSource(css);
+          result.name = name;
+          return result;
         }),
       });
     });
@@ -141,8 +144,8 @@ export default class CSSSplitWebpackPlugin {
           }
           // Inject the new files into the chunk.
           entry.chunks.forEach((file) => {
-            assets[file._name] = file;
-            chunk.files.push(file._name);
+            assets[file.name] = file;
+            chunk.files.push(file.name);
           });
           const content = entry.chunks.map((file) => {
             return `@import "${publicPath}/${file._name}";`;

src/index.js

@@ -1,5 +1,6 @@
 import _webpack from 'webpack';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
+import OptimizeCssPlugin from 'optimize-css-assets-webpack-plugin';
 import CSSSplitWebpackPlugin from '../../src';
 import path from 'path';
 import MemoryFileSystem from 'memory-fs';
@@ -17,7 +18,10 @@ const extract = ExtractTextPlugin.extract.length !== 1 ?
     loader: fallbackLoader,
   });
 
-const config = (options, entry = basic, extra) => {
+const config = (options, entry = basic, {
+  plugins,
+  ...extra
+} = {devtool: 'source-map'}) => {
   return {
     entry: path.join(__dirname, '..', '..', 'example', entry),
     context: path.join(__dirname, '..', '..', 'example'),
@@ -40,10 +44,10 @@ const config = (options, entry = basic, extra) => {
         ),
       }],
     },
-    devtool: 'source-map',
     plugins: [
       new ExtractTextPlugin('styles.css'),
       new CSSSplitWebpackPlugin(options),
+      ...(plugins || []),
     ],
     ...extra,
   };
@@ -139,7 +143,7 @@ describe('CSSSplitWebpackPlugin', () => {
     ).to.throw(TypeError);
   });
   describe('deferred emit', () => {
-    it('should split css files when necessary', (done) => {
+    it('should split css files when necessary', () =>
       webpack({size: 3, defer: true}).then(({stats, files}) => {
         expect(stats.assetsByChunkName)
           .to.have.property('main')
@@ -148,10 +152,9 @@ describe('CSSSplitWebpackPlugin', () => {
         expect(files).to.have.property('styles-1.css');
         expect(files).to.have.property('styles-2.css');
         expect(files).to.have.property('styles.css.map');
-        done();
-      });
-    });
-    it('should ignore files that do not need splitting', (done) => {
+      })
+    );
+    it('should ignore files that do not need splitting', () =>
       webpack({size: 10, defer: true}).then(({stats, files}) => {
         expect(stats.assetsByChunkName)
           .to.have.property('main')
@@ -161,8 +164,23 @@ describe('CSSSplitWebpackPlugin', () => {
         expect(files).to.have.property('styles.css');
         expect(files).to.not.have.property('styles-1.css');
         expect(files).to.not.have.property('styles-2.css');
-        done();
-      });
-    });
+      })
+    );
+    it('should handle cases when there are no source maps', () =>
+      webpack({
+        size: 3,
+        defer: true,
+      }, basic, {
+        devtool: null,
+        plugins: [
+          new OptimizeCssPlugin(),
+        ],
+      }).then(({stats, files}) => {
+        expect(files).to.not.have.property('styles-1.css.map');
+        expect(stats.assetsByChunkName)
+          .to.have.property('main')
+          .to.contain('styles-1.css');
+      })
+    );
   });
 });