@repodog/swc-config

The Repodog SWC config.

Install package and peer dependency

# terminal
npm install @repodog/swc-config @swc/core -D

Install optional peer dependencies

# terminal
npm install @rollup/plugin-swc -D

If your compiled code requires polyfills, the build config uses core-js for those so you may need to include core-js as a dependency.

# terminal
npm install core-js

Use package

This package is designed to be used with rollup, webpack and jest as it allows the config to be a javascript file. The SWC command line library only supports a .swcrc json file.

As a javascript file that is passed into rollup, you can override the configuration, and it can be dynamically modified based off environment variables.

Whether the config transforms javascript or typescript is based on whether the config finds a tsconfig.json at the root of your project.

With Rollup

// rollup.config.mjs
import rollupConfig from '@repodog/rollup-config';
import swcConfig from '@repodog/swc-config';
import swcPlugin from '@rollup/plugin-swc';

export default {
  ...rollupConfig({ compiler: swcPlugin({ swc: swcConfig.ts }) }),
  // or
  ...rollupConfig({ compiler: swcPlugin({ swc: swcConfig.js }) }),
};

With Webpack

// webpack.config.cjs
const webpackConfig = require('@repodog/webpack-config');
const swcConfig = require('@repodog/swc-config');

module.exports = {
  ...webpackConfig({ compiler: ['swc-loader', swcConfig] }),
  entry: './src/index.ts',
  output: {
    filename: 'index.js',
    path: path.resolve(__dirname, 'dist'),
  },
};

With Jest

// jest.config.cjs
const jestConfig = require('@repodog/jest-config');
const swcConfig = require('@repodog/swc-config');

module.exports = {
  ...jestConfig({ compilerOptions: swcConfig }),
};

Environment variables

`SWC_MODULE_SYSTEM` = `'esm' || 'cjs'`

Sets module.type to 'es6' or 'commonjs'. Default 'esm'.

`DEBUG` = `'true' || 'false'`

Changes targets to latest version of chrome / current version of node.js and sets env.debug to true.

`JS_ENV` = `'web' || 'node'`

Changes targets to browser based or node.js based. Default 'node'.

`NODE_ENV` = `'production' || 'development' || 'test'`

Sets transform.react.development field. Default 'development'.

Package detail