Динамически импортировать веб-пакет в Node.js

Question

Я пытаюсь динамически импортировать веб-пакет в Node.js

if (condition) {
  import('webpack').then(webpack => webpack);
}

Однако в моем терминале я вижу следующую ошибку:

    C:\Users\myUser\react\node_modules\@babel\core\lib\transformation\normalize-file.js:209
        throw err;
        ^

    SyntaxError: C:\Users\myUser\react\server\index.js: Support for the experimental syntax 'dynamicImport' isn't currently enabled (23:3):


      19 |
      20 | if (condition) {
    > 21 |   import('webpack').then(webpack => webpack);
         |   ^
      22 |

Add @babel/plugin-syntax-dynamic-import (https://git.io/vb4Sv) to the 'plugins' section of your Babel config to enable parsing.

У меня установлен @babel/plugin-syntax-dynamic-import и в моем.babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties"
  ]
}

Я даже пытался добавить его в conf-файл webpack под правилом для.js с загрузчиком "babel-loader".

Я пытаюсь избежать CmJS

const webpack = require('webpack');

В любом случае я получаю ту же ошибку и не могу найти решение. Кто-нибудь прошел через это? Спасибо

Answer 1

Добавлять plugins: ["dynamic-import-webpack"] в.babelrc

а также установить плагин $npm i babel-plugin-dynamic-import-webpack --D