Comments (3)
Looks like esbuild has some basic implementation of TypeScript decorators.
Can you provide a simplified version of your Webpack configuration?
from esbuild-loader.
webpack 5.12.3
webpack-cli 4.3.1
before:
const jsLoader = [
{
loader: 'cache-loader',
},
traceLoader,
{
loader: 'babel-loader',
options: {
cacheDirectory: true,
sourceType: 'unambiguous',
presets: [
[
'@babel/preset-env',
{
useBuiltIns: 'usage',
targets: [
'> 0.5%, last 2 versions, not IE < 11',
'IE >= 11'
],
corejs: {
version: 3,
proposals: true,
}
},
],
'@babel/preset-react',
],
plugins: [
[
"@babel/plugin-proposal-decorators",
{
legacy: true
}
],
[
"@babel/plugin-proposal-class-properties",
{
loose: true
}
],
[
'@babel/plugin-transform-runtime',
{
"helpers": true,
"regenerator": false,
"useESModules": true,
"absoluteRuntime": false,
},
],
],
},
},
];
{
test: /\.js$/,
exclude: [/node_modules/],
use: jsLoader,
},
i just replace babel-loader with es-build-loader.
from esbuild-loader.
Ah, I assumed you were using TypeScript. esbuild only supports official ECMAScript syntax. You can see the specific syntax it supports here.
In your config, notice you have babel plugins that start with @babel/plugin-proposal-*
. Those are proposals and aren't apart of the official spec yet. I don't think esbuild will be implementing them.
If you use it with loader: 'ts'
though, you can enable TypeScript transpilation which supports experimental decorators.
If you want to request more syntax features to be supported in esbuild, you can request them on the esbuild repo.
from esbuild-loader.
Related Issues (20)
- Esbuild throws errors on generic arrow functions in certain cases HOT 2
- The current version is not supported module federation build production HOT 1
- Doesn't work well with esbuild 0.18.x and inherited `tsconfig.json` and `experimentalDecorators` HOT 5
- esbuild 0.18 HOT 2
- sourceMappingURL getting removed by minifier HOT 1
- Define property causes bundle to minify HOT 7
- enable esbuild-loader with relay plugin HOT 1
- After upgrading from esbuild 3 version to version 4, the following error message occurs when yarn start is executed. HOT 3
- Define property prevents bundle from minifying HOT 1
- ngDevMode is not defined, when building Angular 15.2 or higher HOT 2
- Optional Chaining not working HOT 1
- Module resolution problems HOT 6
- upgrading from v3 to v4 breaks build for TS projects HOT 11
- Only 1 plugin working at a time HOT 2
- Float's optimization HOT 1
- reference errors on build instead of hoisting HOT 1
- "Module not found" error causes esbuild-loader to crash with "Cannot read properties of undefined (reading 'useSourceMap')" HOT 3
- Support for Debugging styled-components with esbuild-loader HOT 1
- Enable "dynamic-import" by default HOT 2
- File '@ljharb/tsconfig' not found. HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from esbuild-loader.