Babel

💻

• Would you like to work on a fix?

How are you using Babel?

Programmatic API (babel.transform, babel.parse)

Input code

import { parse } from "@babel/parser";
import traverse from "@babel/traverse";

const ast = parse(
  `\
import * as mod from "mod";
mod.name();
<mod.name />;
`,
  {
    sourceType: "module",
    plugins: ["jsx"],
  }
);

traverse.de

Describe the feature

Related with swc-project/swc#3859.

We want to establish initial feature parity to existing @swc/cli to plan out migration with possible breaking changes.

These are initial flags we'd like to have.

• config
• config_file
• filename
• env_name
• ignore
• source_maps (https://github.com/swc-pro

Without the valueLabel I'm able to retrieve the event.target.name value 🥳

<Select
    name="country"
    value={value}
/>

(event) => event.target.name === 'country'

Without the valueLabel filled I'm not able to retrieve the event.target.name 😭

<Select
    name="country"
    value={value}
    valueLabel={<Text>{value}</Text>}
/>

(event) =

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