kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(build): webpack@5 and webpack-dev-server@4 (#7826)

Browse Source 
SwaggerUI is now built using `webpack@5`, with dev support for `webpack-dev-server@4`
- ES Module output bundle path now points to `swagger-ui-es-bundle-core`, which does not include dependencies
- No change to CommonJS output bundle or path
- Now uses Asset Modules, which replaces `file-loader`, `raw-loader`, and `url-loader`
- Removed unused rules/loaders for `.woff | .woff2 | .ttf | .eot` fonts and html
- Node polyfills are no longer bundled with `webpack@5`, and must be loaded separately and/or use `resolve.fallback`. 
As an example, SwaggerUI loads `process`, `buffer`, and `stream-browserify` as `devDependencies` in order to build development and production bundles.

SwaggerUI-React
- Now imports `swagger-ui-es-bundle-core`, and similarly outputs `swagger-ui-es-bundle-core` to its `dist` directory

Dev notes:
- Order of execution matters for the production npm build scripts. `build-stylesheets` needs to get built first, 
then cleanup of any empty artifacts, before building the various production bundles
- `Dev-helpers` now relies on `HTMLWebpackPlugin` to inject css and bundle files
This commit is contained in:
Tim Lai
2022-03-01 12:08:50 -08:00
committed by GitHub
parent 6534f10206
commit 07d346b516
18 changed files with 27076 additions and 4615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
package.json
View File

@@ -1,8 +1,15 @@
{
"name": "swagger-ui",
"version": "4.5.2",
"main": "dist/swagger-ui.js",
"module": "dist/swagger-ui-es-bundle.js",
"main": "./dist/swagger-ui.js",
"module": "./dist/swagger-ui-es-bundle-core.js",
"exports": {
"./swagger-ui.css": "./swagger-ui.css",
".": {
"import": "./dist/swagger-ui-es-bundle-core.js",
"require": "./dist/swagger-ui.js"
}
},
"homepage": "https://github.com/swagger-api/swagger-ui",
"repository": "git@github.com:swagger-api/swagger-ui.git",
"contributors": [
@@ -17,13 +24,15 @@
"license": "Apache-2.0",
"scripts": {
"automated-release": "release-it -VV --config ./release/.release-it.json",
"build": "run-p --aggregate-output build-core build-bundle build-standalone build-stylesheets build:es:bundle build:es:bundle:core",
"build-bundle": "webpack --color --config webpack/bundle.babel.js",
"build-core": "webpack --color --config webpack/core.babel.js",
"build-standalone": "webpack --color --config webpack/standalone.babel.js",
"build": "npm run build-stylesheets && rimraf ./dist/swagger-ui.js ./dist/swagger-ui.js.map && npm run build-all-bundles",
"build-all-bundles": "run-p --aggregate-output build:core build:bundle build:standalone build:es:bundle build:es:bundle:core",
"build-stylesheets": "webpack --color --config webpack/stylesheets.babel.js",
"build:bundle": "webpack --color --config webpack/bundle.babel.js",
"build:core": "webpack --color --config webpack/core.babel.js",
"build:standalone": "webpack --color --config webpack/standalone.babel.js",
"build:es:bundle": "webpack --color --config webpack/es-bundle.babel.js",
"build:es:bundle:core": "webpack --color --config webpack/es-bundle-core.babel.js",
"clean": "rimraf ./dist",
"predev": "npm install",
"dev": "webpack serve --config webpack/dev.babel.js",
"deps-license": "license-checker --production --csv --out $npm_package_config_deps_check_dir/licenses.csv && license-checker --development --csv --out $npm_package_config_deps_check_dir/licenses-dev.csv",
@@ -38,7 +47,7 @@
"test:artifact": "jest --config ./config/jest/jest.artifact.config.js",
"test:unit-jest": "cross-env BABEL_ENV=test jest --config ./config/jest/jest.unit.config.js",
"cy:mock-api": "json-server --watch test/e2e-selenium/db.json --port 3204",
"cy:server": "webpack serve --config webpack/dev-e2e.babel.js --content-base test/e2e-cypress/static",
"cy:server": "webpack serve --config webpack/dev-e2e.babel.js",
"cy:start": "run-p -r cy:server cy:mock-api",
"cy:open": "cypress open",
"cy:run": "cypress run",
@@ -103,6 +112,7 @@
"@commitlint/cli": "^15.0.0",
"@commitlint/config-conventional": "^16.2.1",
"@jest/globals": "=27.0.6",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
"@release-it/conventional-changelog": "=3.0.1",
"@wojtekmaj/enzyme-adapter-react-17": "=0.6.5",
"autoprefixer": "^10.4.0",
@@ -111,6 +121,7 @@
"babel-plugin-module-resolver": "=4.1.0",
"babel-plugin-transform-react-remove-prop-types": "=0.4.24",
"body-parser": "^1.19.0",
"buffer": "^6.0.3",
"cors": "^2.8.5",
"cross-env": "=7.0.3",
"css-loader": "=5.2.7",
@@ -127,10 +138,10 @@
"esm": "=3.2.25",
"expect": "=27.5.1",
"express": "^4.17.1",
"file-loader": "^6.0.0",
"git-describe": "^4.1.0",
"html-webpack-plugin": "^5.5.0",
"html-webpack-skip-assets-plugin": "^1.0.3",
"husky": "=7.0.4",
"ignore-assets-webpack-plugin": "^2.0.1",
"inspectpack": "=4.7.1",
"jest": "=27.4.7",
"jsdom": "=16.6.0",
@@ -141,17 +152,18 @@
"license-checker": "^25.0.0",
"lint-staged": "=11.2.6",
"local-web-server": "^4.2.1",
"mini-css-extract-plugin": "^1.6.2",
"mini-css-extract-plugin": "^2.4.6",
"mocha": "=8.4.0",
"npm-audit-ci-wrapper": "^3.0.2",
"npm-run-all": "^4.1.5",
"oauth2-server": "^2.4.1",
"open": "^8.4.0",
"postcss": "^8.4.5",
"postcss-loader": "^4.3.0",
"postcss-loader": "^6.2.1",
"postcss-preset-env": "^7.2.3",
"prettier": "^2.3.0",
"raw-loader": "^4.0.0",
"process": "^0.11.10",
"react-refresh": "^0.11.0",
"react-test-renderer": "=17.0.2",
"release-it": "=14.12.5",
"rimraf": "^3.0.0",
@@ -159,14 +171,14 @@
"sass-loader": "^9.0.3",
"sinon": "=12.0.1",
"source-map-support": "^0.5.21",
"start-server-and-test": "=1.14.0",
"start-server-and-test": "^1.14.0",
"stream-browserify": "^3.0.0",
"tachyons-sass": "^4.9.5",
"terser-webpack-plugin": "^4.2.3",
"url-loader": "^4.1.1",
"webpack": "^4.46.0",
"terser-webpack-plugin": "^5.3.0",
"webpack": "^5.65.0",
"webpack-bundle-size-analyzer": "^3.1.0",
"webpack-cli": "^4.7.2",
"webpack-dev-server": "^3.11.2",
"webpack-cli": "^4.9.2",
"webpack-dev-server": "^4.7.4",
"webpack-stats-plugin": "=1.0.3"
},
"config": {