1. babel-plugin-transform-es2015-block-scoping
Compile ES2015 block scoping (const and let) to ES5
babel-plugin-transform-es2015-block-scoping
Package: babel-plugin-transform-es2015-block-scoping
Created by: babel
Last modified: Mon, 13 Jun 2022 04:04:16 GMT
Version: 6.26.0
License: MIT
Downloads: 6,078,048
Repository: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-es2015-block-scoping

Install

npm install babel-plugin-transform-es2015-block-scoping
yarn add babel-plugin-transform-es2015-block-scoping

babel-plugin-transform-es2015-block-scoping

Compile ES2015 block scoping (const and let) to ES5

Installation

 npm install --save-dev babel-plugin-transform-es2015-block-scoping

Usage

Via .babelrc (Recommended)

.babelrc

Without options:

 {
  "plugins": ["transform-es2015-block-scoping"]
}

With options:

 {
  "plugins": [
    ["transform-es2015-block-scoping", {
      "throwIfClosureRequired": true
    }]
  ]
}

Via CLI

 babel --plugins transform-es2015-block-scoping script.js

Via Node API

 require("babel-core").transform("code", {
  plugins: ["transform-es2015-block-scoping"]
});

Options throwIfClosureRequired

In cases such as the following it's impossible to rewrite let/const without adding an additional function and closure while transforming:

 for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1);
}

In extremely performance-sensitive code, this can be undesirable. If "throwIfClosureRequired": true is set, Babel throws when transforming these patterns instead of automatically adding an additional function.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin