replace ExtractTextPlugin by MiniCssExtractPlugin

shellscape · Sep 25, 2019 · d5de73e · d5de73e
1 parent a60e731
commit d5de73e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -5,11 +5,11 @@ node_js:
   - '8.3.0'
 
 env:
-  - WEBPACK_VERSION=4 EXTRACT_PLUGIN_VERSION=next
+  - WEBPACK_VERSION=4
 
 install:
   - npm install
-  - npm install webpack@$WEBPACK_VERSION extract-text-webpack-plugin@$EXTRACT_PLUGIN_VERSION || true
+  - npm install webpack@$WEBPACK_VERSION || true
 
 script:
   - npm test -- --forceExit

diff --git a/package.json b/package.json
@@ -19,10 +19,10 @@
     "@svgr/webpack": "^4.3.3",
     "codecov": "^3.6.1",
     "css-loader": "^3.2.0",
-    "extract-text-webpack-plugin": "4.0.0-beta.0",
     "file-loader": "^4.2.0",
     "jest": "^24.9.0",
     "memory-fs": "^0.4.1",
+    "mini-css-extract-plugin": "^0.8.0",
     "react": "^16.9.0",
     "rimraf": "^3.0.0",
     "style-loader": "^1.0.0",

diff --git a/spec/plugin.spec.js b/spec/plugin.spec.js
@@ -3,7 +3,8 @@ var path = require('path');
 var MemoryFileSystem = require('memory-fs');
 var webpack = require('webpack');
 var _ = require('lodash');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
 var FakeCopyWebpackPlugin = require('./helpers/copy-plugin-mock');
 var plugin = require('../index.js');
 
@@ -424,7 +425,7 @@ describe('ManifestPlugin', function() {
     });
   });
 
-  describe('with ExtractTextPlugin', function() {
+  describe('with MiniCssExtractPlugin', function() {
     it('works when extracting css into a seperate file', function(done) {
       webpackCompile({
         context: __dirname,
@@ -440,17 +441,17 @@ describe('ManifestPlugin', function() {
         module: {
           rules: [{
             test: /\.css$/,
-            use: ExtractTextPlugin.extract({
-              fallback: 'style-loader',
-              use: 'css-loader'
-            })
+            use: [
+              MiniCssExtractPlugin.loader,
+              'css-loader'
+            ]
           }]
         },
         plugins: [
           new plugin(),
-          new ExtractTextPlugin({
+          new MiniCssExtractPlugin({
             filename: '[name].css',
-            allChunks: true
+            // allChunks: true
           })
         ]
       }, {}, function(manifest, stats) {