vscode中调试webpack构建的项目

在webpack的配置中:

	devtool: 'source-map',
	output: {
		publicPath: '/',
		devtoolModuleFilenameTemplate: '../[resource-path]'
	},

launch.json中配置

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "wepack中调试",
        "url": "http://localhost:3060",
        "webRoot": "${workspaceFolder}/src",
        "breakOnLoad": true,
        "sourceMapPathOverrides": {
          "webpack:///src/*": "${webRoot}/*"
        }
      }
    ]
}

猜你喜欢

转载自blog.csdn.net/weixin_43374193/article/details/85607018