linonetwo
commented
3 years ago esbuild doesn't support decorator, so this can't be a drop'in replacement for every user. https://github.com/evanw/esbuild/pull/509
But for people searched here, you can easily do so to adopt esbuild, if you are not using Decorator Metadata:
- prepare a new tsconfig for esbuild, because 1. it don'r understand json with comment https://github.com/privatenumber/esbuild-loader/issues/58#issuecomment-760702588 2. it don't support all configs
webpack.rules.js
{
test: /\.tsx?$/,
exclude: /(node_modules|\.webpack)/,
use: {
loader: 'esbuild-loader',
options: {
loader: 'tsx',
tsconfigRaw: require('./tsconfig.esbuild.json'),
target: 'es2015',
},
},
},webpack.plugins.js
const { ESBuildPlugin } = require('esbuild-loader');
module.exports = [
new ESBuildPlugin(),webpack.main.config.js
const webpack = require('webpack');
const { ESBuildPlugin } = require('esbuild-loader');
const { webpackAlias } = require('./webpack.alias');
module.exports = {
/**
* This is the main entry point for your application, it's the first file
* that runs in the main process.
*/
entry: './src/main/main.ts',
// Put your normal webpack config below here
module: {
rules: require('./webpack.rules'),
},
resolve: {
alias: webpackAlias,
extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'],
},
plugins: [new ESBuildPlugin()],
};
malept
RamK777-stack
Preflight Checklist
Problem Description
ESBuild is super fast, and is becoming popular ( See https://2020.stateofjs.com/en-US/technologies/build-tools/ )
Hope electron forge webpack can utilize esbuild to speed up.
Proposed Solution
Replace ts-loader with esbuild directly, see link for details:
esbuild：https://esbuild.github.io/ esbuild-loader：https://github.com/privatenumber/esbuild-loader
Alternatives Considered
Maybe an esbuild plugin? But I think this is not necessary, because esbuild can be used in webpack.
Additional Information
An expert in ByteDance uses esbuild to speed up his building up to 144% ! (From 71s to 29s, with 0.05MLoc )