Webpack 笔记三（webpack loader dev server）

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',，就可以得到一个原始码的程序。