dev server 利用 source-map 可以更好的 debug

如果我在程式碼裡面加入一個 Error：

import css from './style.sass';
import { utilis } from './utilis.js'
import $ from 'jquery'

// const utilis = require('./utilis.js');
// const $ = require('jquery')
// console.log(utilis.first('rockwang'))


$('document').ready(() => {
    const str = 'Hello!'
    
    $('.btn').click(() => alert(str))
    throw new Error('yoyoyo') // Error
})

我在 Chrome 上 DevTool

查找出來的程式碼會與我一原始的有些落差，造成比較不好 debug。

這時，在 webpack.config.js 加入一段 devtool: 'inline-source-map',，就可以得到一個原始碼的程式。