Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://babeljs.io/docs/plugins/syntax-dynamic-import/ below:

@babel/plugin-syntax-dynamic-import · Babel

info

This plugin is included in @babel/preset-env, in ES2020.

tip

You can safely remove this plugin from your Babel config if using @babel/core 7.8.0 or above.

• npm
• Yarn
• pnpm
• Bun

npm install --save-dev @babel/plugin-syntax-dynamic-import

yarn add --dev @babel/plugin-syntax-dynamic-import

pnpm add --save-dev @babel/plugin-syntax-dynamic-import

bun add --dev @babel/plugin-syntax-dynamic-import

babel.config.json

{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

Shell

babel --plugins @babel/plugin-syntax-dynamic-import script.js

JavaScript

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-syntax-dynamic-import"],
});

Currently, @babel/preset-env is unaware that using import() with Webpack relies on Promise internally. Environments which do not have builtin support for Promise, like Internet Explorer, will require both the promise and iterator polyfills be added manually.

For example, with core-js@3:

webpack.config.js

const config = {
  entry: [
    "core-js/modules/es.promise",
    "core-js/modules/es.array.iterator",
    path.resolve(__dirname, "src/main.js"),
  ],
  
};

or

src/main.js

import "core-js/modules/es.promise";
import "core-js/modules/es.array.iterator";

This is the same for core-js@2, except the imports paths are slightly different:

webpack.config.js

const config = {
  entry: [
    "core-js/modules/es6.promise",
    "core-js/modules/es6.array.iterator",
    path.resolve(__dirname, "src/main.js"),
  ],
  
};

or

src/main.js

import "core-js/modules/es6.promise";
import "core-js/modules/es6.array.iterator";

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4