More than 5 years have passed since last update.

webpackでsource-mapを表示できるようにする

Last updated at 2017-03-15Posted at 2016-05-02

はじめに

備忘録も兼ねて、webpackでsource-mapを表示する設定を説明します。

こんな感じにwebpack.config.jsを設定します。すごい簡単ですね。

{
  devtool: 'inline-source-map'
}

ちなみに上記の設定は、ビルドしたjavascriptにsource-mapを書き出すというものです。source-mapの出力先を書かないで済み、手軽なのがいいです。公式サイトを見ると、他にも色々な指定ができるようなので、用途に応じて使い分けるといいと思います。

手前味噌になりますが、自作ゲームでsource-mapの設定をしたところです。このゲームではgrunt-webpackを使っているので厳密にはwebpack.config.jsではありませんが、大体同じなのでわかると思います。