Correctly using source-map for visual code using webpack

Question

Hello I am trying debug js code using Visual code. Visual code not stoping at breakpoint complaining its not able to find proper .

My webpack config looks like this

{
        'mode': mode,
        entry: {
            lapp: './src/app.js',
        },  
        devtool: 'source-map',
        output: {
            path: path.join(__dirname, 'build'),
            filename: '[name].js',
            publicPath: "/build/",
            libraryTarget: 'umd',
            library: 'LAPP'
        }

    },

Visual code debug config looks like

 "version": "0.2.0",
    "configurations": [

        {
            "name": "Launch localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://127.0.0.1:8000/examples/livebuild/lapps.html",
            "webRoot": "/Users/name/Sites/LappsInternal/
        },
    ]

On exceuting .scripts from visual code says

-webpack://LAPPS/./src/app.js (/Users/name/Sites/LappsInternal/build/webpack:/LAPPS/src/app.js)

Any suggestion? There similar issue reported for visual-code in github but solutions not helping

update devtool config with devtool: 'cheap-module-eval-source-map' and then try — Abdul Samad
– Abdul Samad, Commented Mar 6, 2018 at 10:16
let me add this as an answer. Hope u will accept it and maybe upvote :p — Abdul Samad
– Abdul Samad, Commented Mar 7, 2018 at 14:18
Sure! Good news visual code is stoping at the line, however in the breakpoint list it says breakpoint set but not yet bound — user3804449
– user3804449, Commented Mar 7, 2018 at 14:24

Abdul Samad · Accepted Answer · 2018-03-07 14:30:50Z

1

update devtool config with devtool: 'cheap-module-eval-source-map'.

{
    'mode': mode,
    entry: {
        lapp: './src/app.js',
    },  
    devtool: 'cheap-module-eval-source-map',
    output: {
        path: path.join(__dirname, 'build'),
        filename: '[name].js',
        publicPath: "/build/",
        libraryTarget: 'umd',
        library: 'LAPP'
    }
},

edited Mar 7, 2018 at 14:30

answered Mar 7, 2018 at 14:19

Abdul Samad

4412 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Correctly using source-map for visual code using webpack

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related