Dynamically import webpack in Node.js

Question

I´m trying to dynamically import webpack in Node.js

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

However in my terminal I see the following error:

    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.

I have @babel/plugin-syntax-dynamic-import installed and in my .babelrc

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

I even tried to add it to the webpack conf file under the rule for .js with loader "babel-loader".

I´m trying to avoid CmJS

const webpack = require('webpack');

In any case I receive the same error and I cannot find a solution. Did anyone go through this? Thanks

Check out dynamic imports under code splitting in webpack guide: webpack.js.org/guides/code-splitting/#dynamic-imports — Jonathan Tsai
– Jonathan Tsai, Commented Dec 6, 2018 at 0:59

afcfzf · Accepted Answer · 2019-05-13 01:41:42Z

1

add plugins: ["dynamic-import-webpack"] to .babelrc

and also install plug $npm i babel-plugin-dynamic-import-webpack --D

edited May 13, 2019 at 1:41

answered Apr 26, 2019 at 6:48

afcfzf

295 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically import webpack in Node.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related