Techognito/starter-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -33,7 +33,7 @@
"eslint-plugin-react": "^7.14.3", "eslint-plugin-react": "^7.14.3",
"eslint-plugin-react-hooks": "^2.1.2", "eslint-plugin-react-hooks": "^2.1.2",
"eslint-plugin-standard": "^4.0.1", "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", "htmlparser": "^1.7.7",
"jed": "^1.1.1", "jed": "^1.1.1",
"po2json": "^1.0.0-alpha", "po2json": "^1.0.0-alpha",

17
webpack.config.js
View file

@ -1,6 +1,6 @@
const path = require("path"); const path = require("path");
const copy = require("copy-webpack-plugin"); 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 fs = require("fs");
const webpack = require("webpack"); const webpack = require("webpack");
const CompressionPlugin = require("compression-webpack-plugin"); const CompressionPlugin = require("compression-webpack-plugin");
@ -79,7 +79,7 @@ info.files = files;
var plugins = [ var plugins = [
new copy(info.files), new copy(info.files),
new extract("[name].css") new extract({filename: "[name].css"})
]; ];
/* Only minimize when in production mode */ /* Only minimize when in production mode */
@ -134,8 +134,17 @@ module.exports = {
}, },
{ {
exclude: /node_modules/, 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',
}
]
} }
] ]
}, },