Replace 'extract-text-webpack-plugin' with 'mini-css-extract-plugin'

It looks like Webpack is deprecating extract-text-webpack-plugin in favor of
mini-css-extract-plugin.
Discussion can be found here: webpack-contrib/extract-text-webpack-plugin#731
This commit is contained in:
Matej Marusak 2020-01-27 14:49:56 +01:00
parent 0778b5f564
commit 426dc17406
2 changed files with 14 additions and 5 deletions

View file

@ -33,7 +33,7 @@
"eslint-plugin-react": "^7.14.3",
"eslint-plugin-react-hooks": "^2.1.2",
"eslint-plugin-standard": "^4.0.1",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"mini-css-extract-plugin": "^0.9.0",
"htmlparser": "^1.7.7",
"jed": "^1.1.1",
"po2json": "^1.0.0-alpha",

View file

@ -1,6 +1,6 @@
const path = require("path");
const copy = require("copy-webpack-plugin");
const extract = require("extract-text-webpack-plugin");
const extract = require("mini-css-extract-plugin");
const fs = require("fs");
const webpack = require("webpack");
const CompressionPlugin = require("compression-webpack-plugin");
@ -79,7 +79,7 @@ info.files = files;
var plugins = [
new copy(info.files),
new extract("[name].css")
new extract({filename: "[name].css"})
];
/* Only minimize when in production mode */
@ -134,8 +134,17 @@ module.exports = {
},
{
exclude: /node_modules/,
loader: extract.extract('css-loader!sass-loader'),
test: /\.scss$/
test: /\.scss$/,
use: [
extract.loader,
{
loader: 'css-loader',
options: { url: false }
},
{
loader: 'sass-loader',
}
]
}
]
},