8

実稼働サイトで縮小された圧縮された JavaScript コードをデバッグできるようにしたいと考えています。私たちのサイトでは、django コンプレッサーを使用して、縮小および圧縮された js ファイルを作成しています。私は最近、クロムがソースマップを使用してそのようなJavaScriptのデバッグを支援できることについて読みました。ただし、jsファイルを圧縮するときにソースマップを作成するようにdjangoコンプレッサーに指示する方法/可能な場合はわかりません

4

3 に答える 3

4

個別のソース マップ ファイルを出力することに関しては良い答えがありませんが、インラインで作業することができました。

ソースマップを追加する前に、私の settings.py ファイルは次のプリコンパイラを使用していました

COMPRESS_PRECOMPILERS = (
    ('text/coffeescript', 'coffee --compile --stdio'),
    ('text/less', 'lessc {infile} {outfile}'),
    ('text/x-sass', 'sass {infile} {outfile}'),
    ('text/x-scss', 'sass --scss {infile} {outfile}'),
    ('text/stylus', 'stylus < {infile} > {outfile}'),
)

ちょっとした後

$ lessc --help

less および map ファイルを出力 css ファイルに入れることができることがわかります。したがって、私の新しい text/less プリコンパイラ エントリは次のようになります。

('text/less', 'lessc --source-map-less-inline --source-map-map-inline {infile} {outfile}'),

お役に立てれば。

編集：追加するのを忘れました。使用をアップグレードするには、lessc >= 1.5.0 が必要です

$ [sudo] npm update -g less
于 2013-12-04T20:25:35.427 に答える