Webpack 4 + Babel-添加插件后无法动态导入

时间:2019-03-04 14:12:29

标签: reactjs webpack babel-loader dynamic-import

我正在使用->

"webpack": "^4.29.3", "@babel/core": "^7.2.2",

这是我的.babelrc文件->

{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env",
    "@babel/preset-typescript"
  ],
  "plugins": [
    "@babel/plugin-transform-modules-commonjs",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread",
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": 2,
        "helpers": true,
        "regenerator": true,
        "useESModules": true
      }
    ]
  ]
} 

如您所见,插件@babel/plugin-syntax-dynamic-import已安装,但如果我尝试将其用作const Panel = React.lazy(() => import('../panel/panel'));

它引发了一个错误,该文件类型可能需要加载程序(文件为.jsx,但我认为这并不重要)。

如果有问题的话,我也对我的webpack配置进行了总结-> https://gist.github.com/Taerarenai/c494e37c5cf3ba743acad2cd0e96c35f

任何提示吗?

0 个答案:

没有答案