Update CSS and JavaScript dependencies

- update to Bootstrap 5.2
- add build-prod for minified production builds
- drop jQuery and popper.js as well as unsupported precss
- update all build dependencies
- use build-prod in Makefile
This commit is contained in:
Jan Dittberner 2022-08-17 19:27:26 +02:00
parent 0ebdbbb4da
commit ad14916ba5
6 changed files with 551 additions and 783 deletions

View file

@ -6,7 +6,7 @@ all: $(RESULT)
$(RESULT): $(SOURCES) $(RESULT): $(SOURCES)
$(YARN) $(YARN)
$(YARN) run build $(YARN) run build-prod
clean: clean:
rm -rf static rm -rf static

View file

@ -15,7 +15,7 @@
limitations under the License. limitations under the License.
*/ */
@import "~bootstrap/scss/bootstrap"; @import "../node_modules/bootstrap/scss/bootstrap";
$dimmed_white: #f5f5f5; $dimmed_white: #f5f5f5;

View file

@ -15,6 +15,4 @@
limitations under the License. limitations under the License.
*/ */
import 'jquery'; import 'bootstrap';
import 'popper.js';
import 'bootstrap';

View file

@ -4,33 +4,33 @@
"description": "webpack setup for CAcert static web resources", "description": "webpack setup for CAcert static web resources",
"scripts": { "scripts": {
"build": "webpack", "build": "webpack",
"build-prod": "webpack --mode production",
"watch": "webpack --watch" "watch": "webpack --watch"
}, },
"private": true, "private": true,
"author": "Jan Dittberner", "author": "Jan Dittberner",
"license": "Apache-2.0", "license": "Apache-2.0",
"devDependencies": { "devDependencies": {
"autoprefixer": "^9.8.6", "autoprefixer": "^10.4.0",
"bootstrap": "^4.5.3", "bootstrap": "^5.2.0",
"browserslist": "^4.17.0", "browserslist": "^4.17.0",
"clean-webpack-plugin": "^3.0.0", "clean-webpack-plugin": "^4.0.0",
"copy-webpack-plugin": "^7.0.0", "copy-webpack-plugin": "^11.0.0",
"css-loader": "^5.0.1", "css-loader": "^6.7.1",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"html-loader": "^1.3.2", "html-loader": "^4.1.0",
"jquery": "^3.5.1", "mini-css-extract-plugin": "^2.6.0",
"mini-css-extract-plugin": "^1.3.3", "@popperjs/core": "^2.11.6",
"popper.js": "^1.16.1", "postcss": "^8.0.1",
"postcss-loader": "^4.1.0", "postcss-loader": "7.0.1",
"precss": "^4.0.0", "postcss-preset-env": "^7.0.0",
"sass": "^1.32.0", "sass": "^1.32.0",
"sass-loader": "^10.1.0", "sass-loader": "^13.0.0",
"style-loader": "^2.0.0", "style-loader": "^3.3.0",
"terser-webpack-plugin": "^5.0.3", "terser-webpack-plugin": "^5.0.3",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack": "^5.11.1", "webpack": "^5.11.1",
"webpack-cli": "^4.3.1", "webpack-cli": "^4.3.1",
"webpack-manifest-plugin": "^3.0.0" "webpack-manifest-plugin": "^5.0.0"
}, }
"dependencies": {}
} }

View file

@ -79,10 +79,9 @@ module.exports = {
postcssOptions: { postcssOptions: {
plugins: [ plugins: [
[ [
'precss',
'autoprefixer', 'autoprefixer',
], ],
], ],
}, },
}, },
}, { }, {

1291
yarn.lock

File diff suppressed because it is too large Load diff