JSON6 Config Files

Using JSON6 for configuration files in popular tools and frameworks.

TL;DR: Many popular tools support JSON6 or JSON with comments for their config files. This hub page links to specific guides for each tool showing how to add comments and use JSON6 features.

Build Tools

Configuration for build systems, bundlers, and development tools.

tsconfig.json

TypeScript configuration with comments

Babel

babel.config.json6 setup

webpack

JSON6 loader configuration

Vite

Using JSON6 with Vite

ESLint

.eslintrc.json6 configuration

Prettier

Prettier with JSON6 configs

Rollup

Rollup JSON6 plugin

esbuild

Fast builds with JSON6

Frameworks

Configuration for popular JavaScript and web frameworks.

Next.js

Next.js config with comments

Nuxt

Nuxt.js JSON6 setup

React

Create React App & JSON6

Vue.js

Vue CLI JSON6 config

Angular

angular.json with comments

Svelte

SvelteKit JSON6 setup

DevOps & Infrastructure

Configuration for containers, cloud, and serverless deployments.

Docker

App config in containers

Kubernetes

ConfigMaps with JSON6

AWS

Lambda & CDK configs

Serverless

serverless.json6 setup

Most Popular Config Files

These are the most searched JSON6 configuration topics. Start here if you're unsure where to begin.

tsconfig.json

Add comments to TypeScript configuration. TypeScript natively supports JSON with comments.

babel.config.json6

Babel natively supports .json6 config files. Document your presets and plugins.

.eslintrc.json6

ESLint supports JSON6 config files. Comment your linting rules.

JSON6 Support Matrix

Which tools support JSON6 features natively.

Tool Comments Trailing Commas Full JSON6 Config File
TypeScript tsconfig.json
Babel .json6
ESLint .json6
VS Code settings.json
webpack Via loader
Vite Via plugin
npm Strict JSON

Need Help With a Specific Tool?

Start with our most popular guide or explore all configuration options.

tsconfig.json Guide VS Code Setup