从导入到create react应用程序的NPM包中未加载/检测到源地图

我正在使用来开发可重用的React组件，这些组件可以单独导入到其他项目中（这些项目通常也是CreateReact应用程序项目）。我使用Gulp生成要使用的文件，使用Gulp sourcemaps和Gulp babel的组合，即

gulp.task("build:lib", function () {
let js = gulp.src([ "./src/**/*.js", "!./src/index.js"])
             .pipe(sourcemaps.init())
             .pipe(babel({presets:["react-app"]}))
             .pipe(sourcemaps.write("."}))
             .pipe(gulp.dest("lib"));

我可以看到.js.map文件正在成功创建，并且输出文件中有一条注释指示源映射的存在，例如：

//# sourceMappingURL=Create.js.map

然后，我遇到的问题是，当文件导入到消费项目中时，我既看不到浏览器开发人员工具中显示的原始源代码，但当将鼠标悬停在文件上时（在Chrome的“webpack://”树中的“源代码”选项卡中），我会看到工具提示：

Create.js（从源地图）

因此，我无法判断是否我实际生成的源地图不正确，或者是否只是create react app使用的webpack dev服务器配置没有为.js.map文件提供服务（我当然没有在Chrome的sources选项卡下的webpack://树中看到它们，但我不确定我是否希望看到它们）

如果您对我的gulp脚本是否错误或CreateReact应用程序/网页包开发服务器应支持什么提供任何建议，我们将不胜感激

---

我已经通读了for gulp sourcemaps，并尝试了许多选项，但都没有成功。

我自己已经找到了解决这个问题的方法。我将我的Gulp任务转换为构建源映射（这对于消费应用程序来说应该不是问题，因为它作为注释嵌入，在构建时将从分发文件中剥离）

我需要做的另一件事是将createreact应用程序中的

devtools

配置从

廉价模块源代码映射

转换为

eval

（不幸的是这需要）。然而，它至少解决了这个问题