javascript - CRA 和捆绑加载程序

Question

我正在尝试将 react-router 与 code splitting 一起使用在我的 create-react-app 应用程序中。

import loadSettings from 'bundle-loader?lazy!./Settings';

此行出现错误:

 Line 5:  Unexpected '!' in 'bundle-loader?lazy!./Settings'. Do not use import syntax to configure webpack loaders  import/no-webpack-loader-syntax

我认为这是由于某些 es-lint 设置造成的。如何禁用它以便我可以在我的 CRA 应用程序中使用 webpack bundle-loader？

Answer 1

我设法解决了这个问题。我所做的是:

1. 通过运行 npm run pop 弹出 creact-react-app

2. 通过向 eslintConfig 添加 rules 键来修改 package.json 文件，使其看起来像这样:

   "eslintConfig": {
       "extends": "react-app", // This was already in the file
       "rules": {
           "import/no-webpack-loader-syntax": 0
       }
   }
   

3. 按照 docs 中的描述设置您的组件.

希望这对某人有帮助，因为我已经浏览了很多论坛但没有找到正确的答案!

顺便说一句，CRA 很快就会支持通过动态导入进行代码分割!