Upgrade to webpack 5

This commit is contained in:
Quantum 2023-07-21 22:42:03 -04:00
parent ac6b4c5971
commit 0ed1fd7dbf
3 changed files with 2110 additions and 5209 deletions

7292
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -12,23 +12,22 @@
"license": "AGPL-3.0-only", "license": "AGPL-3.0-only",
"devDependencies": { "devDependencies": {
"autoprefixer": "^9.8.0", "autoprefixer": "^9.8.0",
"css-loader": "^1.0.1", "css-loader": "^6.8.1",
"css-minimizer-webpack-plugin": "^5.0.1",
"ejs-loader": "^0.5.0", "ejs-loader": "^0.5.0",
"exports-loader": "^0.7.0", "exports-loader": "^0.7.0",
"file-loader": "^2.0.0",
"html-loader": "^1.1.0", "html-loader": "^1.1.0",
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^5.5.3",
"mini-css-extract-plugin": "^0.4.5", "mini-css-extract-plugin": "^2.7.6",
"mocha": "^8.1.3", "mocha": "^8.1.3",
"optimize-css-assets-webpack-plugin": "^5.0.3",
"postcss-loader": "^3.0.0", "postcss-loader": "^3.0.0",
"rimraf": "^2.7.1", "rimraf": "^2.7.1",
"sass": "^1.64.1", "sass": "^1.64.1",
"sass-loader": "^7.3.1", "sass-loader": "^13.3.2",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"terser-webpack-plugin": "^4.2.3", "terser-webpack-plugin": "^4.2.3",
"webpack": "^4.43.0", "webpack": "^5.88.2",
"webpack-cli": "^3.3.11", "webpack-cli": "^5.1.4",
"webpack-dev-server": "^3.11.3" "webpack-dev-server": "^3.11.3"
}, },
"dependencies": { "dependencies": {

View file

@ -1,7 +1,7 @@
const path = require('path') const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin') const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin') const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
const TerserPlugin = require('terser-webpack-plugin') const TerserPlugin = require('terser-webpack-plugin')
const mode = process.env.NODE_ENV || 'development' const mode = process.env.NODE_ENV || 'development'
@ -15,7 +15,7 @@ module.exports = {
parallel: true, parallel: true,
sourceMap: true sourceMap: true
}), }),
new OptimizeCSSAssetsPlugin({}) new CssMinimizerPlugin({})
] ]
}, },
entry: [ entry: [
@ -75,13 +75,7 @@ module.exports = {
}, },
{ {
test: /\.(png|jp(e*)g|svg)$/, test: /\.(png|jp(e*)g|svg)$/,
use: [{ type: 'asset/resource'
loader: 'file-loader',
options: {
limit: 8000, // Convert images < 8kb to base64 strings
name: '[name].[hash].[ext]'
}
}]
} }
] ]
} }