1. babel-plugin-dynamic-import-node
Babel plugin to transpile import() to a deferred require(), for node
babel-plugin-dynamic-import-node
Package: babel-plugin-dynamic-import-node
Created by: airbnb
Last modified: Tue, 14 Nov 2023 15:19:24 GMT
Version: 2.3.3
License: MIT
Downloads: 26,097,902
Repository: https://github.com/airbnb/babel-plugin-dynamic-import-node

Install

npm install babel-plugin-dynamic-import-node
yarn add babel-plugin-dynamic-import-node

babel-plugin-dynamic-import-node

Babel plugin to transpile import() to a deferred require(), for node. Matches the proposed spec.

NOTE: Babylon >= v6.12.0 is required to correctly parse dynamic imports.

Installation

 npm install babel-plugin-dynamic-import-node --save-dev

Usage

Via .babelrc (Recommended)

.babelrc

 {
  "plugins": ["dynamic-import-node"]
}

Options

  • noInterop - A boolean value, that if true will not interop the require calls. Useful to avoid using require('module').default on commonjs modules.
 {
  "plugins": [
    ["dynamic-import-node", { "noInterop": true }]
  ]
}

Via CLI

 $ babel --plugins dynamic-import-node script.js

Via Node API

 require('babel-core').transform('code', {
  plugins: ['dynamic-import-node']
});

Code Example

 Promise.all([
  import('./lib/import1'),
  import('./lib/import2')
 ]).then(([
   Import1,
   Import2
  ]) => {
   console.log(Import1);
   /* CODE HERE*/
  });

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