Skip to content

Seamless Integration with Bundlers & Test Tools

Vladimír Gorej edited this page Oct 25, 2023 · 9 revisions

In this page we will explore how to seamlessly integrate SwaggerUI with various bundlers and testing tools to streamline the development process.

Webpack@5

Webpack@5 webpack is a static module bundler for modern JavaScript applications.

GitHub repository description
https://github.com/char0n/swagger-ui-webpack swagger-ui and swagger-ui-react with Webpack@5

Vite.js

Vite.js is a next-generation front-end development build tool that offers lightning-fast performance by leveraging native ES modules and providing a feature-rich development environment with hot module replacement and optimized production builds.

GitHub repository description
https://github.com/char0n/swagger-ui-vite swagger-ui-react + Vite.js
https://github.com/char0n/swagger-ui-vite-dist SwaggerUI dist fragments used within Vue.js components and built by Vite.js

Parcel.js

Parcel.js is the zero configuration build tool.

GitHub repository description
https://github.com/char0n/swagger-ui-parcel/tree/swagger-ui swagger-ui with Parcel.js
https://github.com/char0n/swagger-ui-parcel/tree/swagger-ui-react swagger-ui-react with Parcel.js

Next.js

Next.js is the React Framework for the Web.

GitHub repository description
https://github.com/char0n/swagger-ui-nextjs swagger-ui-react with Next.js
https://github.com/char0n/swagger-ui-nextjs-typescript swagger-ui-react + TypeScript with Next.js

GitHub issues specific to Next.js support:

Jest.js

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

GitHub repository description
https://github.com/char0n/swagger-ui-jest swagger-ui and swagger-ui-react with Jest.js

Create React App

Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

GitHub repository description
https://github.com/char0n/swagger-ui-cra swagger-ui-react with Create React App

WARNING: Create React App has been abandoned by Facebook/Meta and is no longer mantained.

Nuxt@3

Nuxt@3 is the Intuitive Web Framework.

GitHub repository description
https://github.com/char0n/swagger-ui-nuxt swagger-ui-react with Nuxt@3

esbuild

esbuild is an extremely fast bundler for the web.

GitHub repository description
https://github.com/char0n/swagger-ui-esbuild swagger-ui-react with esbuild

remix

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience.

GitHub repository description
https://github.com/char0n/swagger-ui-remix swagger-ui-react with remix