Reactjs Webpack webpackChunkName魔术评论不起作用

我尝试使用react可加载和动态导入将代码拆分为多个捆绑包。拆分过程非常有效。然而，当我尝试使用神奇的注释

webpackChunkName

让Webpack自定义捆绑包名称时，它总是将我的捆绑包命名为0.bundle.js 1.bundle.js

我在我的

webpack.config.js

中使用了

chunkFilename:'[name].bundle.js'

，并在my.babelrc中显式地添加了“

comments:true

”

经过一整天的研究，我真的感到很沮丧。如果有人有线索，我真的很感激

这是我的配置

webpack.config.js

条目：[
“反应热加载程序/修补程序”，
“./app/index.js”
],
输出：{
path:path.resolve（uu dirname，'dist'），
文件名：'[name].bundle.js'，
chunkFilename:'[name].bundle.js'，
公共路径：'/'
}，

更新： 图书馆的作者为寻找解决方案提供了很多支持。事实证明，我在.babelrc中使用了动态导入webpack和react导入组件/babel。删除动态导入网页包后，它与import（）配合得非常好。

---

请先尝试上面的方法。 找到了解决办法。 我在路由器中使用了import（），它不适用于webpackChunkname注释。 我将其更改为System.import（）后，该评论可供Webpack使用

希望其他有同样问题的人也能看到这一点。

更新： 图书馆的作者为寻找解决方案提供了很多支持。事实证明，我在.babelrc中使用了动态导入webpack和react导入组件/babel。删除动态导入网页包后，它与import（）配合得非常好。

---

请先尝试上面的方法。 找到了解决办法。 我在路由器中使用了import（），它不适用于webpackChunkname注释。 我将其更改为System.import（）后，该评论可供Webpack使用

---

希望其他有同样问题的人也能看到这一点。

如果我使用const Login=r=>require。确保（[]，（）=>r（require（'./containers/LoginContainer'）），'LoginContainer'）；它将正常工作。不确定是否将注释放在某个地方。如果我使用const Login=r=>require。请确保（[]，（）=>r（require（'./containers/LoginContainer'），'LoginContainer'）；它将正常工作。我不知道我是否把评论放在什么地方了。谢谢，这很有帮助！另外，对于其他使用eslint的用户，请记住将

“System”：true

放在字段

全局变量中（在
.eslintrc
中），以避免
未定义
错误谢谢，这很有帮助！另外，对于使用eslint的其他人，请记住将
“System”：true
放在
全局变量
（在
.eslintrc
中）字段内，以避免
未定义
错误