Upgrade webpack and remove vendors pack (#7286)

This commit is contained in:
Andrey Sobolev 2024-12-07 15:32:54 +07:00 committed by GitHub
parent ae1cedacbb
commit 58630c285e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 285 additions and 251 deletions

File diff suppressed because it is too large Load Diff

View File

@ -22,8 +22,8 @@
"@vercel/webpack-asset-relocator-loader": "^1.7.3", "@vercel/webpack-asset-relocator-loader": "^1.7.3",
"node-loader": "~2.0.0", "node-loader": "~2.0.0",
"cross-env": "~7.0.3", "cross-env": "~7.0.3",
"webpack-cli": "^5.0.1", "webpack-cli": "^5.1.4",
"webpack": "^5.75.0", "webpack": "^5.97.1",
"mini-css-extract-plugin": "^2.2.0", "mini-css-extract-plugin": "^2.2.0",
"dotenv-webpack": "^8.0.1", "dotenv-webpack": "^8.0.1",
"ts-loader": "^9.2.5", "ts-loader": "^9.2.5",
@ -33,7 +33,7 @@
"style-loader": "^3.3.1", "style-loader": "^3.3.1",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"sass-loader": "^13.2.0", "sass-loader": "^13.2.0",
"webpack-bundle-analyzer": "^4.7.0", "webpack-bundle-analyzer": "^4.10.2",
"svgo-loader": "^3.0.0", "svgo-loader": "^3.0.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"postcss": "^8.4.20", "postcss": "^8.4.20",

View File

@ -7,7 +7,7 @@
"_phase:package": "rushx package", "_phase:package": "rushx package",
"_phase:validate": "compile validate", "_phase:validate": "compile validate",
"package": "rm -rf ./dist && cross-env NODE_ENV=production webpack --stats-error-details && echo 'done'", "package": "rm -rf ./dist && cross-env NODE_ENV=production webpack --stats-error-details && echo 'done'",
"analyze": "cross-env NODE_ENV=production webpack --json > stats.json", "analyze": "rm -rf ./dist && cross-env NODE_ENV=production webpack --profile --json > stats.json",
"show": "webpack-bundle-analyzer stats.json dist", "show": "webpack-bundle-analyzer stats.json dist",
"dev-server": "cross-env USE_CACHE=false CLIENT_TYPE=dev-server webpack serve", "dev-server": "cross-env USE_CACHE=false CLIENT_TYPE=dev-server webpack serve",
"dev-server-cache": "cross-env USE_CACHE=true CLIENT_TYPE=dev-server webpack serve", "dev-server-cache": "cross-env USE_CACHE=true CLIENT_TYPE=dev-server webpack serve",
@ -22,8 +22,8 @@
"devDependencies": { "devDependencies": {
"@hcengineering/platform-rig": "^0.6.0", "@hcengineering/platform-rig": "^0.6.0",
"cross-env": "~7.0.3", "cross-env": "~7.0.3",
"webpack-cli": "^5.0.1", "webpack-cli": "^5.1.4",
"webpack": "^5.75.0", "webpack": "^5.97.1",
"mini-css-extract-plugin": "^2.2.0", "mini-css-extract-plugin": "^2.2.0",
"dotenv-webpack": "^8.0.1", "dotenv-webpack": "^8.0.1",
"ts-loader": "^9.2.5", "ts-loader": "^9.2.5",
@ -34,7 +34,7 @@
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"sass-loader": "^13.2.0", "sass-loader": "^13.2.0",
"@types/node": "~20.11.16", "@types/node": "~20.11.16",
"webpack-bundle-analyzer": "^4.7.0", "webpack-bundle-analyzer": "^4.10.2",
"svgo-loader": "^3.0.0", "svgo-loader": "^3.0.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"postcss": "^8.4.20", "postcss": "^8.4.20",

View File

@ -35,6 +35,9 @@ const doValidate = !prod || (process.env.DO_VALIDATE === 'true')
const useCache = process.env.USE_CACHE === 'true' const useCache = process.env.USE_CACHE === 'true'
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
/** /**
* @type {Configuration} * @type {Configuration}
*/ */
@ -118,26 +121,14 @@ module.exports = [
new EsbuildPlugin({ target: 'es2021' }) new EsbuildPlugin({ target: 'es2021' })
], ],
splitChunks: { splitChunks: {
cacheGroups: { chunks: 'all'
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all'
}
}
} }
} : { } : {
minimize: false, minimize: false,
mangleExports: false, mangleExports: false,
usedExports: false, usedExports: false,
splitChunks: { splitChunks: {
cacheGroups: { chunks: 'all'
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all'
}
}
} }
}, },
module: { module: {
@ -275,6 +266,10 @@ module.exports = [
}, },
mode, mode,
plugins: [ plugins: [
new BundleAnalyzerPlugin({
analyzerMode: 'static',
openAnalyzer: false,
}),
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
meta: { meta: {
viewport: 'width=device-width, initial-scale=1.0' viewport: 'width=device-width, initial-scale=1.0'

View File

@ -11,7 +11,7 @@ ENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium
RUN apt-get update && \ RUN apt-get update && \
apt-get install -y gnupg wget dumb-init && \ apt-get install -y gnupg wget dumb-init && \
apt-get install -y fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf libxss1 && \ apt-get install -y fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf libxss1 && \
apt-get install -y chromium --no-install-recommends && \ apt-get install -y chromium-common/stable chromium/stable --no-install-recommends && \
apt-get clean apt-get clean
WORKDIR /usr/src/app WORKDIR /usr/src/app

View File

@ -5,8 +5,8 @@
"devDependencies": { "devDependencies": {
"@hcengineering/platform-rig": "^0.6.0", "@hcengineering/platform-rig": "^0.6.0",
"cross-env": "~7.0.3", "cross-env": "~7.0.3",
"webpack-cli": "^5.0.1", "webpack-cli": "^5.1.4",
"webpack": "^5.75.0", "webpack": "^5.97.1",
"mini-css-extract-plugin": "^2.2.0", "mini-css-extract-plugin": "^2.2.0",
"dotenv-webpack": "^8.0.1", "dotenv-webpack": "^8.0.1",
"ts-loader": "^9.2.5", "ts-loader": "^9.2.5",
@ -17,7 +17,7 @@
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"sass-loader": "^13.2.0", "sass-loader": "^13.2.0",
"@types/node": "~20.11.16", "@types/node": "~20.11.16",
"webpack-bundle-analyzer": "^4.7.0", "webpack-bundle-analyzer": "^4.10.2",
"svgo-loader": "^3.0.0", "svgo-loader": "^3.0.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"postcss": "^8.4.20", "postcss": "^8.4.20",