javascript - CRA和捆绑器

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

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？

最佳答案

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


通过运行creact-react-app弹出npm run eject
通过向package.json添加rules键来修改eslintConfig文件，如下所示：

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

像docs中所述设置组件。


希望这对某人有所帮助，因为我在许多论坛中都找不到合适的答案！

BTW对带有动态导入的代码拆分的支持应该很快就会出现在CRA中！

关于javascript - CRA和捆绑器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44115740/