Javascript CRA和捆装载机

我正在尝试在我的

创建react应用程序

应用程序中使用

react路由器

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

捆绑加载程序？

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

通过运行npm run Eject弹出

通过向

eslintConfig

添加一个

rules

键来修改

package.json

文件，使其如下所示：

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

按照中所述设置组件

希望这能帮助一些人，因为我在很多论坛上都没有找到正确的答案

顺便说一句，对动态导入代码拆分的支持很快就会出现在

CRA

上