chore(fe): bump webpack-related packages to v5 (#30528)

Signed-off-by: hainenber <dotronghai96@gmail.com>
This commit is contained in:
Đỗ Trọng Hải 2024-10-08 00:30:04 +07:00 committed by GitHub
parent aa94488065
commit 2e887598ba
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 606 additions and 456 deletions

View File

@ -23,7 +23,7 @@
"babel-loader": "^9.1.3", "babel-loader": "^9.1.3",
"jest": "^29.7.0", "jest": "^29.7.0",
"typescript": "^5.6.2", "typescript": "^5.6.2",
"webpack": "^5.94.0", "webpack": "^5.95.0",
"webpack-cli": "^5.1.4" "webpack-cli": "^5.1.4"
} }
}, },
@ -7972,10 +7972,11 @@
} }
}, },
"node_modules/webpack": { "node_modules/webpack": {
"version": "5.94.0", "version": "5.95.0",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.95.0.tgz",
"integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", "integrity": "sha512-2t3XstrKULz41MNMBF+cJ97TyHdyQ8HCt//pqErqDvNjU9YQBnZxIHa11VXsi7F3mb5/aO2tuDxdeTPdU7xu9Q==",
"dev": true, "dev": true,
"license": "MIT",
"dependencies": { "dependencies": {
"@types/estree": "^1.0.5", "@types/estree": "^1.0.5",
"@webassemblyjs/ast": "^1.12.1", "@webassemblyjs/ast": "^1.12.1",
@ -13936,9 +13937,9 @@
} }
}, },
"webpack": { "webpack": {
"version": "5.94.0", "version": "5.95.0",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.95.0.tgz",
"integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", "integrity": "sha512-2t3XstrKULz41MNMBF+cJ97TyHdyQ8HCt//pqErqDvNjU9YQBnZxIHa11VXsi7F3mb5/aO2tuDxdeTPdU7xu9Q==",
"dev": true, "dev": true,
"requires": { "requires": {
"@types/estree": "^1.0.5", "@types/estree": "^1.0.5",

View File

@ -47,7 +47,7 @@
"babel-loader": "^9.1.3", "babel-loader": "^9.1.3",
"jest": "^29.7.0", "jest": "^29.7.0",
"typescript": "^5.6.2", "typescript": "^5.6.2",
"webpack": "^5.94.0", "webpack": "^5.95.0",
"webpack-cli": "^5.1.4" "webpack-cli": "^5.1.4"
}, },
"repository": { "repository": {

File diff suppressed because it is too large Load Diff

View File

@ -350,10 +350,10 @@
"ts-loader": "^9.5.1", "ts-loader": "^9.5.1",
"typescript": "^4.8.4", "typescript": "^4.8.4",
"vm-browserify": "^1.1.2", "vm-browserify": "^1.1.2",
"webpack": "^5.94.0", "webpack": "^5.95.0",
"webpack-bundle-analyzer": "^4.10.1", "webpack-bundle-analyzer": "^4.10.1",
"webpack-cli": "^4.10.0", "webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1", "webpack-dev-server": "^5.1.0",
"webpack-manifest-plugin": "^5.0.0", "webpack-manifest-plugin": "^5.0.0",
"webpack-sources": "^3.2.3", "webpack-sources": "^3.2.3",
"webpack-visualizer-plugin2": "^1.1.0", "webpack-visualizer-plugin2": "^1.1.0",

View File

@ -27,10 +27,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const MomentLocalesPlugin = require('moment-locales-webpack-plugin'); const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin'); const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
const { const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
WebpackManifestPlugin,
getCompilerHooks,
} = require('webpack-manifest-plugin');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const parsedArgs = require('yargs').argv; const parsedArgs = require('yargs').argv;
const Visualizer = require('webpack-visualizer-plugin2'); const Visualizer = require('webpack-visualizer-plugin2');
@ -545,14 +542,15 @@ let proxyConfig = getProxyConfig();
if (isDevMode) { if (isDevMode) {
config.devtool = 'eval-cheap-module-source-map'; config.devtool = 'eval-cheap-module-source-map';
config.devServer = { config.plugins.push({
onBeforeSetupMiddleware(devServer) { // Load proxy config when manifest updates
// load proxy config when manifest updates apply: compiler => {
const { afterEmit } = getCompilerHooks(devServer.compiler); compiler.hooks.afterEmit.tap('ManifestPlugin', manifest => {
afterEmit.tap('ManifestPlugin', manifest => {
proxyConfig = getProxyConfig(manifest); proxyConfig = getProxyConfig(manifest);
}); });
}, },
});
config.devServer = {
historyApiFallback: true, historyApiFallback: true,
hot: true, hot: true,
port: devserverPort, port: devserverPort,