F#+Fableでsource-mapがうまく読み込まれない

問題

F#+Fableで書かれたアプリケーションをデバッグしたい。 しかし、source-mapがうまく読み込まれないか、マッピングはされるもののブラウザのデバッガにコンパイルされたJavascriptが元ソースであるF#の代わりに表示されてしまう。

解決策

webpackの設定で、source-map-loaderを使用するように変更する¹。指定していなければ、devtoolオプションもeval-source-mapなりsource-mapなり指定すること。

...
  devtool: "eval-source-map",
  module: {
    rules: [
+      {
+        test: /\.js$/,
+        enforce: "pre",
+        use: ["source-map-loader"],
+      },
        ...
    ],
  },
...

---

1. Felizのテンプレートではsource-map-loaderがしっかりdependecyに記述されている。だが、なぜか使われていない。↩