fspace https://blog.hatena.ne.jp/fspace/ エフアンダーバー https://www.f-sp.com/ JavaScript css-loaderを使っていてSourceMapのパスが壊れるバグにハマったのでその際調べたことのまとめです。 長くなるのでタイトルに入れていませんが、 css-loader、 postcss-loader、 sass-loader辺りのバグです。 問題 原因 原因１：パスとURLの混同 原因２：相対パスから絶対パスへの誤変換 原因３：sourceRootの消失 原因４：css-loaderのハック 原因５：webpackの仕様 対処 対処１：source-mapのパス対応 対処２：PostCSSに相対パスを返させない おわりに 問題 Windows環境で次のようにローダーを構成してSour… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.f-sp.com%2Fentry%2F2017%2F12%2F05%2F202344" title="【Webpack】 css-loader周りのSourceMap関連バグと戦う - エフアンダーバー" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2017-12-05 20:23:44 rich https://www.f-sp.com/entry/2017/12/05/202344 1.0 100%