fix: Module sorting

Author: joshwiens

.babelrc

@@ -27,9 +27,10 @@
       "presets": [
         "env"
       ],
+      "sourceMap" : "inline",
       "plugins": [
         "transform-object-rest-spread"
       ]
     }
   }
-}
+}

src/index.js

@@ -144,7 +144,6 @@ class ExtractTextPlugin {
         async.forEach(chunks, (chunk, callback) => { // eslint-disable-line no-shadow
           const extractedChunk = extractedChunks[chunks.indexOf(chunk)];
           const shouldExtract = !!(options.allChunks || isInitialOrHasNoParents(chunk));
-          chunk.sortModules();
           async.forEach(chunk.mapModules(c => c), (module, callback) => { // eslint-disable-line no-shadow
             let meta = module[NS];
             if (meta && (!meta.options.id || meta.options.id === id)) {
@@ -194,7 +193,7 @@ class ExtractTextPlugin {
       compilation.plugin('additional-assets', (callback) => {
         extractedChunks.forEach((extractedChunk) => {
           if (extractedChunk.getNumberOfModules()) {
-            extractedChunk.modules.sort((a, b) => {
+            extractedChunk.sortModules((a, b) => {
               if (!options.ignoreOrder && isInvalidOrder(a, b)) {
                 compilation.errors.push(new OrderUndefinedError(a.getOriginalModule()));
                 compilation.errors.push(new OrderUndefinedError(b.getOriginalModule()));

test/__snapshots__/webpack-integration.test.js.snap

@@ -1,5 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Webpack Integration Tests chunk-modules-css-wrong-order 1`] = `
+".block {
+  font-size: 16px;
+}
+.App {
+  text-align: center;
+}
+"
+`;
+
 exports[`Webpack Integration Tests chunk-modules-nested-ordered-by-id 1`] = `
 "body {
   margin: 0;

test/cases/chunk-modules-css-wrong-order/a.css

@@ -0,0 +1,3 @@
+.App {
+  text-align: center;
+}

test/cases/chunk-modules-css-wrong-order/a.js

@@ -0,0 +1,2 @@
+require('./b.js');
+require('./a.css');

test/cases/chunk-modules-css-wrong-order/b.css

@@ -0,0 +1,3 @@
+.block {
+  font-size: 16px;
+}

test/cases/chunk-modules-css-wrong-order/b.js

@@ -0,0 +1 @@
+require('./b.css');

test/cases/chunk-modules-css-wrong-order/expected/file.css

@@ -0,0 +1,6 @@
+.block {
+  font-size: 16px;
+}
+.App {
+  text-align: center;
+}

test/cases/chunk-modules-css-wrong-order/index.js

@@ -0,0 +1 @@
+require('./a.js');

test/cases/chunk-modules-css-wrong-order/webpack.config.js

@@ -0,0 +1,19 @@
+import ExtractTextPlugin from '../../../src/index';
+
+module.exports = {
+  entry: './index',
+  module: {
+    loaders: [
+      {
+        test: /\.css$/,
+        use: ExtractTextPlugin.extract({
+          fallback: { loader: 'style-loader' },
+          use: { loader: 'css-loader', },
+        })
+      },
+    ],
+  },
+  plugins: [
+    new ExtractTextPlugin('file.css'),
+  ],
+};