esbuild is by far one of the fastest TS/ESNext to ES6 compilers, so it makes sense to use it over Babel/TSC with webpack to take advantage of both worlds (Speed and the webpack ecosytem).
npm install --save-dev awesome-esbuild-loader
In webpack.config.js
:
const { ESBuildPlugin } = require('awesome-esbuild-loader')
module.exports = {
module: {
rules: [
{
test: /\.[jt]sx?$/,
loader: 'awesome-esbuild-loader',
options: {
// All options are optional
target: 'es2015', // default, or 'es20XX', 'esnext'
jsxFactory: 'React.createElement',
jsxFragment: 'React.Fragment',
sourceMap: false, // Enable sourcemap
},
},
],
},
plugins: [new ESBuildPlugin()],
}
MIT © mathew-kurian (Mathew Kurian)
MIT © EGOIST (Kevin Titor) - https://github.com/egoist/esbuild-loader