我有一个带有旧版create-react-app样板的项目。该应用程序将加载到另一个域的网站上的iframe中。因此,当我想调试本地代码时,以npm start运行WebpackDevServer之后,我将main.js请求重定向到我最后创建的bundle.js,然后就可以了。我所有带有sourceMaps的代码都被加载。
我想升级到最新的create-react-app。因此,我从头开始创建了一个新的create-react-app样板,并将代码库迁移到那里并处理了所有依赖项。
问题是在新版本中,重定向到bundle.js之后,我不再加载sourceMaps,如果我导航到localhost:3000并加载整个项目或重定向到index.html,则确实可以看到它们。 ,但这不是合理的选择,因为我的测试需要从bundle.js开始重定向。
我查看了所有的webpack,webpackDevServer和babel配置,但是我没有看到任何奇怪的东西,因此,我希望能有任何起点的信息来继续查找。
webpack配置是常用的配置,它是创建create-react-app的配置,因此那里应该没有什么奇怪的。
...
mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
// Stop compilation early in production
bail: isEnvProduction,
devtool: true,
// These are the "entry points" to our application.
// This means they will be the "root" imports that are included in JS bundle.
....