Frontend Configs from Digital Element

A set of configs for TypeScript, Webpack, PostCSS, SVGO, Jest. Tree-shakable and ESM-only.

Example of usage

TypeScript config (exported by default)

In tsconfig.json file:

{
  "extends": "@delement/configs"
}

SVGO config

In svgo.config.mjs file:

// svgo.config.mjs
import config from "@delement/configs/svgo";

export default {
  ...config
};

CommitLint config

In commitlint.config.ts file:

// commitlint.config.ts
import type { UserConfig } from "@commitlint/types";
import commitLintConfig from "@delement/configs/commitlint";

const Configuration: UserConfig = {
  ...commitLintConfig
};

export default Configuration;

Jest config

In jest.config.ts file:

// jest.config.ts
import defaults from "@delement/configs/jest";
import type { Config } from "jest";

const config: Config = {
  ...defaults,
  setupFiles: [ // optional
    "<rootDir>/tests.setup.ts",
  ]
};

export default config;

Polyfills for Jest setup (optional)

In tests.setup.ts file:

// tests.setup.ts
import Polyfills from "@delement/configs/polyfills";

new Polyfills([ "fetch", "TextEncoder", "TextDecoder" ]);

// your setup...

For developers

If you want to contribute new features or need some changes, please open the src folder, run npm install, make your changes, and build the library with Rollup using npm run build.