1
0
Fork 0

seporate css

This commit is contained in:
ChaotiCryptidz 2022-06-02 21:16:35 +01:00
parent 86dba58bd2
commit 4d5aea6c4f
No known key found for this signature in database
2 changed files with 5 additions and 4 deletions

View file

@ -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",

View file

@ -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',