seporate css
This commit is contained in:
parent
86dba58bd2
commit
4d5aea6c4f
|
@ -5,6 +5,7 @@
|
||||||
"css-loader": "^6.7.1",
|
"css-loader": "^6.7.1",
|
||||||
"css-minimizer-webpack-plugin": "^4.0.0",
|
"css-minimizer-webpack-plugin": "^4.0.0",
|
||||||
"html-webpack-plugin": "^5.5.0",
|
"html-webpack-plugin": "^5.5.0",
|
||||||
|
"mini-css-extract-plugin": "^2.6.0",
|
||||||
"node-sass": "^7.0.1",
|
"node-sass": "^7.0.1",
|
||||||
"prettier": "^2.6.2",
|
"prettier": "^2.6.2",
|
||||||
"sass-loader": "^13.0.0",
|
"sass-loader": "^13.0.0",
|
||||||
|
|
|
@ -3,6 +3,7 @@ const path = require('path');
|
||||||
const TerserPlugin = require("terser-webpack-plugin");
|
const TerserPlugin = require("terser-webpack-plugin");
|
||||||
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
|
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
|
||||||
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||||
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
mode: "production",
|
mode: "production",
|
||||||
|
@ -27,7 +28,8 @@ module.exports = {
|
||||||
'og:title': { property: 'og:title', content: "Chaos's Food Likes/Dislikes" },
|
'og:title': { property: 'og:title', content: "Chaos's Food Likes/Dislikes" },
|
||||||
'og:description': { property: 'og:description', content: "A list for all the foods we like, dislike and find ourselves unable to eat due to sensory difficulties." },
|
'og:description': { property: 'og:description', content: "A list for all the foods we like, dislike and find ourselves unable to eat due to sensory difficulties." },
|
||||||
},
|
},
|
||||||
})
|
}),
|
||||||
|
new MiniCssExtractPlugin(),
|
||||||
],
|
],
|
||||||
devServer: {
|
devServer: {
|
||||||
historyApiFallback: true,
|
historyApiFallback: true,
|
||||||
|
@ -42,9 +44,7 @@ module.exports = {
|
||||||
rules: [
|
rules: [
|
||||||
{
|
{
|
||||||
test: /\.(scss)$/,
|
test: /\.(scss)$/,
|
||||||
use: [{
|
use: [MiniCssExtractPlugin.loader, {
|
||||||
loader: 'style-loader',
|
|
||||||
}, {
|
|
||||||
loader: 'css-loader',
|
loader: 'css-loader',
|
||||||
}, {
|
}, {
|
||||||
loader: 'postcss-loader',
|
loader: 'postcss-loader',
|
||||||
|
|
Loading…
Reference in a new issue