要配置webpack以便调试源文件而不是捆绑的文件,你可以按照以下步骤进行操作:
mode: 'development'
devtool: 'source-map'
这将生成一个单独的源映射文件,使得在浏览器中调试时可以直接引用源文件。
output: {
devtoolModuleFilenameTemplate: 'webpack:///[absolute-resource-path]'
}
这将确保在浏览器的调试器中正确显示源文件的路径。
devServer: {
devtool: 'source-map'
}
这将确保在开发服务器中使用源映射文件。
通过以上配置,你应该能够在浏览器的调试器中直接调试你的源文件而不是捆绑的文件。
关于webpack的更多配置和使用方法,你可以参考腾讯云的产品Webpack,它是一个强大的前端构建工具,可以帮助你优化和打包你的前端资源。你可以在以下链接中了解更多信息: Webpack产品介绍
领取专属 10元无门槛券
手把手带您无忧上云