Table of Contents

• CLI
  • Integration with webpack
• Options
• Plugins
• Presets
  • env

CLI

npm install --save-dev babel-cli

Integration with webpack

npm install --save-dev babel-loader babel-core

• babel-loader is a webpack plugin.

module: {
  rules: [
    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
  ]
}

Options

Plugins

• If the plugin is on npm, you can pass in the name of the plugin and babel will check that it’s installed in node_modules

• "plugins": ["babel-plugin-myPlugin"]

• You can also specify an relative/absolute path to your plugin/preset.

• "plugins": ["./node_modules/asdf/plugin"]

• You can omit babel-plugin- or babel-preset- prefixes

• Plugins run before Presets.
• Plugin ordering is first to last.
• Preset ordering is reversed (last to first).

Presets

env

Babel preset that automatically determines the Babel plugins you need based on your supported environments. Install with @babel/preset-env, NOT babel-preset-env