Question

我正在使用此常规设置处理应用程序：

babel-node - ＆gt;快速服务器 - ＆gt; Webpack中间件 - ＆gt;反应

我尝试使用import（）实现代码分割。这是我的.babelrc

{
  "presets": [
    "react",
    [
      "es2015",
      {
        "loose": true,
        "modules": false
      }
    ],
    "stage-0"
  ],
  "plugins": [
    [
      "transform-runtime",
      "react-hot-loader/babel",
      "babel-plugin-syntax-dynamic-import",
      "babel-plugin-dynamic-import-webpack",
      "babel-plugin-transform-decorators-legacy",
      "babel-plugin-transform-class-properties",
      "react-intl",
      {
        "messagesDir": "./build/messages",
        "enforceDescriptions": false
      }
    ]
  ]
}

某些Node的代码正在使用import * from *，因此，如果我删除＆＃34; modules＆＃34;：false ，一切正常，但Webpack失败，因为他无法解释 import（）。否则节点会失败，因为我们不了解 import * 。我在这里失踪了什么？

Answer 1

您不需要dynamic-import-webpack，因为webpack v2现在附带它。

看起来您确实安装了babel-plugin-syntax-dynamic-import。请尝试将其包含在.babelrc中，如下所示：

{
  "presets": ["es2015"],
  "plugins": ["syntax-dynamic-import"] 
}

导入（）和导入*不能一起工作。 Node和Webpack

1 个答案: