CRA和捆绑装载机

Question

我正试图在我的react-router应用程序中与码分裂一起使用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设置。我如何禁用它，以便我可以使用webpack bundle-loader在我的CRA应用程序？

Answer 1

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

1. 通过运行creact-react-app来弹出npm run eject
2. 通过向package.json添加一个rules键来修改eslintConfig文件，如下所示： "eslintConfig"：{“扩展”：“react app”，//这已经在文件“规则”中：{“导入/不-webpack-加载器-语法”：0}
3. 设置您的组件，如文档中所述。

希望这能帮到别人，因为我在很多论坛上都找不到正确的答案！

顺便说一句，对动态导入的代码分裂的支持应该很快就会到达CRA！