Gulp 带有chunkFileName和源地图的网页包

Gulp 带有chunkFileName和源地图的网页包,gulp,webpack,source-maps,Gulp,Webpack,Source Maps,我正在做的一个项目是使用Webpack的代码拆分功能。我在使用源地图时遇到了麻烦。我在其他不使用代码拆分的项目上成功地使用了源代码映射,我想知道这是否是问题所在。“咕噜”任务的输出表明源地图确实正在创建中——它们在Chrome中似乎不可用 这是我的gulp文件的相关部分 files=globle.find(['./src/Components/*.','!./src/***-test.js']); gulp.src(文件) .管道(网页包)({ 条目:“./src/components/set

我正在做的一个项目是使用Webpack的代码拆分功能。我在使用源地图时遇到了麻烦。我在其他不使用代码拆分的项目上成功地使用了源代码映射,我想知道这是否是问题所在。“咕噜”任务的输出表明源地图确实正在创建中——它们在Chrome中似乎不可用

这是我的gulp文件的相关部分


files=globle.find(['./src/Components/*.','!./src/***-test.js']);
gulp.src(文件)
.管道(网页包)({
条目:“./src/components/settings.js”,
输出:{
文件名:“Settings.js”,
publicPath:“/admin/Content/Scripts/apps/”,
chunkFilename:“[name].js”
},
模块:{
装载机:[{
测试:/\.js$/,,
排除:/(节点\模块)/,
加载器:“巴别塔加载器”
},{
测试:/\.json$/,,
加载程序:“json加载程序”
},{
测试:/\.css$/,,
加载器:ExtractTextPlugin.extract('style-loader',
“css加载程序”)
}]
},
devtool:'源映射',
决心:{
扩展:[''''.js','.jsx','.json'],
别名:{
'reactuifw':process.env.NODE_env=='development'
?process.env.REACT_UIFW+'REACT UIFW.js':'REACT UIFW','REACT':uu dirname+'/node_modules/REACT'
}
},
外部:{
jquery:“$”
},
是的,
插件:[新ExtractTextPlugin('bundle.css')]
}))


知道怎么回事吗?

我从来没有使用devtool获得过正确的源代码映射:“源代码映射”;我想这可能是我显式使用插件而不是使用“devtool”选项的特定配置的简写,配置如中所述(忽略WebStorm内容)。这个问题与地图中使用的sourceRoot有关。也许试一下,看看有没有可用的地图