問題タブ [webpack-4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Webpack 4:CSSソースマップをLESSで動作させるには?
私は何年もの間、CSS ソースマップを webpack で動作させようと試みてきましたが、役に立ちませんでした。連鎖のどこがうまくいかないのか、私にはわかりません。誰かが私を正しい方向に向けてくれることを願っています。
何が起こっているかは次のとおりです。
行番号が間違っており、実際にはファイル名も間違っています。main.lessたくさんの が含まれているだけ@importで、実際の CSS は別のファイルにあります。
以下は私のwebpack.config.jsです。多くの異なるチャンクから結合されているため、次のように印刷しましたutil.inspect。この方法で読みやすいと思います。
真ん中のどこかに のローダーが見えます.less。展開すると、次のようになります。
ご覧のとおり、3 つの異なるローダー (css-loader、postcss-loader、less-loader) があります。それらはすべて にsourceMap設定されてtrueいるため、ソースマップは元のソースに戻す必要がありますよね?
ここで何が間違っていますか？