mitchell/react-starter
1
0
Fork 0
mirror of https://github.com/mgerb/react-starter synced 2026-01-10 09:02:49 +00:00
Code Issues Releases Wiki Activity

switch from extract-text-webpack-plugin to mini-css-extract-plugin

Browse Source
This commit is contained in:
Mitchell
2018-08-22 22:19:40 -05:00
parent fcfa29bdf5
commit 8625cd670b
3 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
package-lock.json generated
View File

@@ -5414,6 +5414,28 @@
"dom-walk": "0.1.1" "dom-walk": "0.1.1"
} }
}, },
"mini-css-extract-plugin": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.2.tgz",
"integrity": "sha512-ots7URQH4wccfJq9Ssrzu2+qupbncAce4TmTzunI9CIwlQMp2XI+WNUw6xWF6MMAGAm1cbUVINrSjATaVMyKXg==",
"requires": {
"loader-utils": "1.1.0",
"schema-utils": "1.0.0",
"webpack-sources": "1.1.0"
},
"dependencies": {
"schema-utils": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
"integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
"requires": {
"ajv": "6.3.0",
"ajv-errors": "1.0.0",
"ajv-keywords": "3.1.0"
}
}
}
},
"minimalistic-assert": { "minimalistic-assert": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",

1
package.json
View File

@@ -28,6 +28,7 @@
"file-loader": "^1.1.11", "file-loader": "^1.1.11",
"font-awesome": "^4.7.0", "font-awesome": "^4.7.0",
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.4.2",
"node-sass": "^4.9.3", "node-sass": "^4.9.3",
"normalize.css": "^8.0.0", "normalize.css": "^8.0.0",
"open-color": "^1.6.3", "open-color": "^1.6.3",

35
webpack.config.js
View File

@@ -1,5 +1,5 @@
const CleanWebpackPlugin = require('clean-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin');
const FaviconsWebpackPlugin = require('favicons-webpack-plugin'); const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
const path = require('path'); const path = require('path');
@@ -28,17 +28,29 @@ module.exports = {
}, },
{ {
test: /\.scss$/, test: /\.scss$/,
use: ExtractTextPlugin.extract({ use: [
fallback: 'style-loader', {
use: ['css-loader', 'postcss-loader', 'sass-loader'], loader: MiniCssExtractPlugin.loader,
}), options: {
publicPath: './.',
},
},
'css-loader',
'postcss-loader',
'sass-loader',
],
}, },
{ {
test: /\.css$/, test: /\.css$/,
use: ExtractTextPlugin.extract({ use: [
fallback: 'style-loader', {
use: ['css-loader'], loader: MiniCssExtractPlugin.loader,
}), options: {
publicPath: './.',
},
},
'css-loader',
],
}, },
{ {
test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/, test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/,
@@ -64,10 +76,9 @@ module.exports = {
new CleanWebpackPlugin(['./dist'], { new CleanWebpackPlugin(['./dist'], {
verbose: true, verbose: true,
}), }),
new ExtractTextPlugin({ new MiniCssExtractPlugin({
filename: '[name].[hash].css', filename: '[name].[hash].css',
disable: false, chunkFilename: '[id].css',
allChunks: true,
}), }),
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
filename: 'index.html', filename: 'index.html',