@webpackon/use-swc

Features:
- adds swc support
- simple transpiling of modules

Install

shell
npm i @webpackon/use-swc --save

`shell yarn add @webpackon/use-swc`

`API`

`ts const { useSwc } = require('@webpackon/use-swc');

useSwc(params?: UseSwcParams)(config: WebpackConfig)`

`$3`

ts
export type UseSwcParams = {
  transpileModules?: string[];
  useTs?: boolean;
  loaderParams?: {
    options?: Record;
  };
};

- transpileModules`ts useSwc({ transpileModules: ['lodash-es', 'antd'] })`

- useTs - enables ts support for swc-loader

- loaderParams.options - swc-loader options

`TS example`


Full examples are here

`webpack.config.js``js const path = require('path');

const { compose } = require('@webpackon/core'); const { useTs } = require('@webpackon/use-ts'); const { useSwc } = require('@webpackon/use-swc');

module.exports = (_, { mode }) => compose( useSwc({ useTs: true, transpileModules: ['my-module'] }), useTs(), )({ target: 'web', entry: path.resolve(__dirname, 'src', 'index.tsx'), });`

`.swcrc``json { "env": { "mode": "usage", "coreJs": 3 }, "jsc": { "parser": { "syntax": "typescript", "tsx": true }, "transform": { "react": { "runtime": "automatic" } } } }``

Webpackon