Babel

🐠 Babel is a compiler created by Sebastian McKenzie in 2014 to convert ES6 to ES5 (originally called 6to5). It has since become a toolchain that enables developers to write any next generation JavaScript and serves as a testing ground for proposals from TC39, the technical committee that specifies ECMAScript. Babel can also convert JSX syntax and strip out type annotations from both Flow and TypeScript. Babel is built out of plugins. Compose your own transformation pipeline using plugins written by the community or write your own.

💻

Would you like to work on a fix?

How are you using Babel?

babel-loader (webpack)

Input code

type FuncWithDescription = [
  function: (...args: any[]) => any,
  string: string
]

https://babeljs.io/repl#?browsers=defaults&build=&builtIns=false&corejs=3.6&spec=false&loose=false&code_lz=C4TwDgpgBAYgrgOwMYHUCWwAWARCBnJAJzTGDQHsEoBeKAbQCgooAzRJMygLigAoA

It would be great if you could try to use the same/compatible dependency version across the swc crates, for example:

[[package]]
name = "swc_cached"
version = "0.1.1"
dependencies = [
 ...
 "dashmap 5.2.0",
]

[[package]]
name = "swc_ecma_loader"
version = "0.29.0"
dependencies = [
 ...
 "dashmap 4.0.2",
]

[[package]]
name = "swc_ecma_transforms_react"
version = "0.100

Expected Behavior

defaultMode is used in Grommet component along with themeMode prop to determine initial theme mode between dark and light themes. As this property is used by Grommet Theme Designer, Grommet HPE Theme and in HPE Design System I would expect it to

For the most part this just works, but functions within tagged markup get weird indent assertions, e.g.,

        ${collection.map((item) => {
          const { prop1, prop2 } = workWith(item);  // eslint: expected indentation of 4 but found 10 (indent)
          return html`  // eslint: expected indentation of 4 but found 10 (indent)
            <${Widget} prop1=${prop1} prop2=${prop2} />

See:
https://david-dm.org/angular-fullstack/angular-fullstack-deps/5.0.0
https://david-dm.org/angular-fullstack/angular-fullstack-deps/5.0.0?type=dev

Validate the entire tree of options passed to preset.

Maybe, each plugin can export a list of options that only babili preset understands and we can validate them only when using the preset and not when using the plugin separately.

module.exports = function plugin() {};
module.exports.options = PropTypes.object({
  n: PropTypes.number
});

Or, this can be implemented in bab

in my old project , using webpack 1.x. And I use esbuild-loader replace babel-loader will print error

` building for production.../Users/wanglihui/WebstoreProject/onionfph5/project/node_modules/esbuild-loader/dist/plugin.js:12
compiler.hooks.thisCompilation.tap('esbuild', compilation => {
^

TypeError: Cannot read property 'thisCompilation' of undefined

Mar	APR	May
	09
2021	2022	2023

Babel

Here are 7,874 public repositories matching this topic...

babel / babel

💻

How are you using Babel?

Input code

nylas / nylas-mail

swc-project / swc

kriasoft / react-starter-kit

avajs / ava

electron-react-boilerplate / electron-react-boilerplate

SimulatedGREG / electron-vue

grab / front-end-guide

jamiebuilds / babel-handbook

grommet / grommet

Expected Behavior

developit / htm

angular-fullstack / generator-angular-fullstack

ben-rogerson / twin.macro

documentationjs / documentation

insin / nwb

egoist / poi

thinkjs / thinkjs

transitive-bullshit / create-react-library

babel / babel-loader

fkling / astexplorer

duxianwei520 / react

jaredpalmer / backpack

babel / minify

tleunen / babel-plugin-module-resolver

thx / gogocode

andywer / webpack-blocks

babel / babel-eslint

kunalkapadia / express-mongoose-es6-rest-api

privatenumber / esbuild-loader

uidotdev / react-course

Related Topics