serv/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-27 06:03:51 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Use esbuild to minify CSS (#15756)

Browse source 
It's about a 30% speedup in webpack build time with neglible differences
in the output size. We do lose the ability for CSS source maps, but I
rarely have a use for them anyways.

Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
silverwind 2021-05-07 21:12:37 +02:00 committed by GitHub
parent a4c13229b7
commit 4900881924
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 112 additions and 1283 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1376
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
package.json
View file

@ -12,7 +12,6 @@
"clipboard": "2.0.8", "clipboard": "2.0.8",
"codemirror": "5.61.0", "codemirror": "5.61.0",
"css-loader": "5.2.4", "css-loader": "5.2.4",
"css-minimizer-webpack-plugin": "2.0.0",
"dropzone": "5.9.2", "dropzone": "5.9.2",
"easymde": "2.14.0", "easymde": "2.14.0",
"esbuild-loader": "2.12.0", "esbuild-loader": "2.12.0",
@ -28,7 +27,6 @@
"mini-css-extract-plugin": "1.5.0", "mini-css-extract-plugin": "1.5.0",
"monaco-editor": "0.23.0", "monaco-editor": "0.23.0",
"monaco-editor-webpack-plugin": "3.0.1", "monaco-editor-webpack-plugin": "3.0.1",
"postcss": "8.2.12",
"pretty-ms": "7.0.1", "pretty-ms": "7.0.1",
"sortablejs": "1.13.0", "sortablejs": "1.13.0",
"swagger-ui-dist": "3.47.1", "swagger-ui-dist": "3.47.1",

17
webpack.config.js
View file

@ -1,7 +1,6 @@
import fastGlob from 'fast-glob'; import fastGlob from 'fast-glob';
import wrapAnsi from 'wrap-ansi'; import wrapAnsi from 'wrap-ansi';
import AddAssetPlugin from 'add-asset-webpack-plugin'; import AddAssetPlugin from 'add-asset-webpack-plugin';
import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
import LicenseCheckerWebpackPlugin from 'license-checker-webpack-plugin'; import LicenseCheckerWebpackPlugin from 'license-checker-webpack-plugin';
import MiniCssExtractPlugin from 'mini-css-extract-plugin'; import MiniCssExtractPlugin from 'mini-css-extract-plugin';
import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin'; import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
@ -85,20 +84,8 @@ export default {
minimizer: [ minimizer: [
new ESBuildMinifyPlugin({ new ESBuildMinifyPlugin({
target: 'es2015', target: 'es2015',
minify: true minify: true,
}), css: true,
new CssMinimizerPlugin({
minimizerOptions: {
preset: [
'default',
{
discardComments: {
removeAll: true,
},
colormin: false,
},
],
},
}), }),
], ],
splitChunks: { splitChunks: {