問題タブ [django-compressor]

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

私はdjango-compressor + LESSを使用しています。

@import.less ファイル内の相対ファイルとインクルード ファイル内の相対ファイルにurl(../image.png)問題があり.lessます。

説明します。次のフォルダー構造があります。

内部buttons.lessにはボタンのミックスインがあります：

内部blog_buttons.lessでは、この mixin を使用します。

そして、ここに問題があります：

blog_buttons.lessdjango-compress が my - ボタンの背景を/static/blog/img/icon.png(404 Not Found)にプリコンパイルするとき。しかし、それは/static/common/img/icon.png

私は何か間違ったことをしていますか？（それは一種の非常に一般的な状況であるべきだと思います）

django コンプレッサーを CloudFront で動作させるのに問題があります。オフライン圧縮コマンドを実行して、圧縮ファイルと manifest.json ファイルを生成しています。この後、collectstatic を実行して圧縮ファイルを S3 バケットにアップロードします。

これらの静的ファイルは CloudFront から提供されるため、私の設定は次のようになります。

問題は、CloudFront が古いバージョンの manifest.json を提供していることです。つまり、コンプレッサーが OfflineGenerationError をスローしています。

キャッシュ バックエンドが配置されていても、何らかの理由でキャッシュ サーバーがオフラインまたはフラッシュされた場合、マニフェスト ファイルが正しくないのではないかと心配しています。

OfflineGenerationError に遭遇しないようにするために、ここで何か不足していますか?

Django 1.4.2 を 1.5 にアップグレードしたところ、 django_compressorでエラーが発生し始めました。

また、django_compressor を最新バージョン (実際の 1.2) に更新しても、同じエラーが発生します。

試してみるとpython manage.py compress、次のことに気づきました。

この通知はオフライン圧縮エラーに関連していますか?

【追記】またまた 面白いものを見つけました…

私が問題を抱えているテンプレートでは、圧縮する必要があるすべての css を削除しました。

私はpython manageを実行しました：

エラーなし。

しかし...問題はまだ発生します。

もう 1 つの重要な情報: 実行したときに .html ファイルが一覧表示されました。python manage.py compress

私はJavascriptとDjangoが初めてです。D3js を使用して svg ファイルをアニメーション化する必要があるため、その動作を練習して理解するために、惨めなウィジェットをローカルの Django Web サイトに追加することにしました。私は簡単なビューを持っています:

URL は: url(r'^moremiser/$','more_miserable')で、index.html と miserable.json の両方をテンプレート フォルダーにコピーしました。ウィジェットを表示するはずの URL にアクセスすると、空白の画面しか表示されません。私は何を間違っていますか？ローカル Web サイトをセットアップした人が tinymce とコンプレッサーをインストールしましたが、それらが問題を引き起こしている可能性はありますか? index.html と miserables.json のコードは次のとおりです。どちらも私のテンプレート フォルダーにあります。

Google Chrome で Javascript デバッガーを開くと、サーバーが「moremiser」という URL にアクセスする代わりに、「moremiser/[object%20Object]」にアクセスしようとして、「Uncaught TypeError: Cannot」というエラー メッセージが表示されます。プロパティの読み取り: 未定義のノード". 何を変更すればよいですか？

django_compressorを使用してgzipファイルをAmazonS3に送信するにはどうすればよいですか？

いくつかの方法で試しましたが、うまくいきませんでした。これが私の最後のsettings.py構成です：

と私のstorage.py

最近、Django アプリ (1.4.1) に Django Compressor (1.2) をインストールしました。django-compressor をインストールするまでは、collectstatic を実行すると、ローカルの他の場所にコピーすることなく、boto 経由で静的ファイルを S3 に問題なくアップロードできました。ただし、django コンプレッサーをインストールすると、collectstatic のいずれかが実行されます。

A) 静的ファイルを S3 にアップロードしますが、すべてのローカル バージョンを空のファイルに置き換えます。

B) 静的ファイルを S3 にアップロードしますが、ローカル バージョンをルート フォルダーにコピーします。

結果Aについて、私は持っています

結果Bについて、私は持っています

STATIC_ROOT が設定されているため、B がファイルをルートにコピーする理由は理解できますが、COMPRESS_ROOT をコメントアウトすると、collectstatic は通常に戻ります (つまり、ローカルで何も変更せず、S3 にアップロードするだけです)。STATIC_ROOT は関係なく同じままであるため、COMPRESS_ROOT は collectstatic に影響を与えないと思っていたでしょう。どうやらそうではないようです。

回避策として、私は次のことを行ってきました。

• python manage.py compress を実行したいときは、COMPRESS_ROOT を次のように設定します。

  COMPRESS_ROOT = os.path.join(os.path.abspath(os.path.dirname(ファイル)), 'proj/static',)

• python manage.py collectstatic を実行したい場合、compress_ROOT をコメントアウトします。これにより、collectstatic が Django コンプレッサー以前の機能に戻ります。

明らかにこれはハックであり、私はそれらをうまくプレイさせる方法を見つけたいと思っています. どんな提案でも大歓迎です。

以下の関連コード: #settings.py

静的ファイルを提供するAmazonS3を使用してherokuにデプロイされたアプリにdjango-compresorを使用しています。background-image：url（）で参照されているcssの画像が正しいパスでレンダリングされないことを除いて、すべてが正常に機能しています。

私の静的ファイルは、次のディレクトリ構造で編成されています。

したがって、url（）で使用しているパスは、cssファイルからの相対パスです。

すべてのcssファイルが圧縮され、静的ディレクトリのCACHEフォルダーに移動され、CACHEディレクトリへのURLは次のように正しくレンダリングされます。

問題は、cssファイルurl（）の画像が次のようにレンダリングされることです。

そしてそれは次のようになります：

または、画像がCACHEディレクトリにコピーされた場合、これは機能します。

私の一時的な修正は、css内の画像のパスを次のように変更することです。これは機能します。

私はdjangoとcompressorを初めて使用するので、正しい動作がどうあるべきかわかりませんが、これは正しくないようです。私の見方では、djangoコンプレッサーに2つのことのいずれかを実行させることができれば問題を修正できます：1）css url（）で参照されているすべての画像をCASHE / imgディレクトリにコピーするか、2）で表される正しいURLをレンダリングする../これが私の設定です：

テンプレートのcssファイルは{％compress css％}ブロックにあります。

s3utils.py（バケット内に個別のメディアディレクトリと静的ディレクトリを作成するために使用）

settings.py

css url（ "../ img / image.png"）をCACHE /imgディレクトリにコピーするようにコンプレッサーに指示する設定が必要だと思いますか？

私はdjango-compressorを使用して、このサイトの CSS ファイルと JS ファイルを連結および圧縮しています。S3 バケットから静的ファイルを提供しています。

サイトのローカル コピーで、別の S3 バケットを使用すると、これはすべて完全に機能します。しかし、Heroku でホストされているライブ サイトでは、CSS ファイル内の画像の相対 URL が書き換えられないことを除けば、すべて機能します。

たとえば、CSS ファイルの次の行:

に書き換えられます:

私の開発サイトではありますが、ライブサイトでは触れられていません。そのため、ライブ サイトは最終的に画像を探しpepysdiary.s3.amazonaws.com/static/CACHE/img/ます (新しい圧縮された CSS ファイルに関連しているため)。

今のところ、画像を含むディレクトリをその場所に置いていますが、なぜこの違いがあるのか​​ わかりません。両方のサイトの設定にこれがあります：

CSS ファイルは問題なく最小化されていますが、実際のサイトでは他のフィルターが適用されていないようです。

小さなサイトに django コンプレッサーを使用していますが、画像にクエリ文字列を使用したくありません。例: images/header.png?9e1ed2cd7d15

無効にする方法はありますか？