Update webpack

This commit is contained in:
Sonny Bakker 2024-08-24 15:19:01 +02:00
parent 8b080a3cee
commit 07c685401f
4 changed files with 7600 additions and 20286 deletions

27834
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -39,14 +39,13 @@
"@babel/preset-env": "^7.12.13",
"@babel/register": "^7.12.13",
"@babel/runtime": "^7.12.13",
"babel-jest": "^24.9.0",
"babel-jest": "^29.7.0",
"babel-loader": "^8.2.2",
"clean-webpack-plugin": "^3.0.0",
"css-loader": "^3.6.0",
"css-loader": "^7.1.2",
"fetch-mock": "^8.3.2",
"file-loader": "^6.2.0",
"jest": "^24.9.0",
"mini-css-extract-plugin": "^0.9.0",
"jest": "^29.7.0",
"mini-css-extract-plugin": "^2.9.1",
"node-fetch": "^2.6.1",
"prettier": "^1.19.1",
"react": "^16.14.0",
@ -54,10 +53,10 @@
"redux-mock-store": "^1.5.4",
"sass": "^1.52.1",
"sass-loader": "^8.0.2",
"style-loader": "^1.3.0",
"style-loader": "^2.0.0",
"url-loader": "^4.1.1",
"webpack": "^4.46.0",
"webpack-cli": "^3.3.12",
"webpack": "^5.94.0",
"webpack-cli": "^5.1.4",
"webpack-merge": "^4.2.2"
}
}

View file

@ -1,5 +1,5 @@
$fa-font-path: '/static/fonts';
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import '@fortawesome/fontawesome-free/scss/fontawesome';
@import '@fortawesome/fontawesome-free/scss/solid';
@import '@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';

View file

@ -10,7 +10,6 @@ export default {
output: {
path: resolve(__dirname, 'src', 'newsreader', 'static'),
filename: 'js/[name].bundle.js',
hashFunction: 'sha256',
},
module: {
rules: [
@ -24,23 +23,27 @@ export default {
use: [{ loader: MiniCssExtractPlugin.loader }, 'css-loader', 'sass-loader'],
},
{
test: /\.(ttf|woff|woff2)$/,
use: {
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts',
publicPath: '/static/fonts/',
},
test: /\.(ttf|woff|woff2|eot)$/,
type: 'asset/resource',
generator: {
filename: '[name][ext]',
outputPath: 'fonts',
publicPath: '/fonts/',
},
},
{
test: /\.(svg)$/,
type: 'asset/resource',
generator: {
filename: '[name][ext]',
outputPath: 'images',
publicPath: '/fonts/',
},
},
],
},
plugins: [
new MiniCssExtractPlugin({
filename: 'css/main.css',
allChunks: true,
}),
new MiniCssExtractPlugin({ filename: 'css/main.css' }),
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: ['js', 'css', 'fonts'],
cleanAfterEveryBuildPatterns: ['!fonts/**'],