問題タブ [squishit]

サードパーティのJQueryプラグインを使用してMVC3アプリケーションでSquishItを使用すると、大量のエラーが発生します。私の開発マシンでは、BundleコマンドでForceDebugメソッドを設定すると、すべてが正常に機能し、JSは通常どおり処理されます。ただし、ForceReleaseメソッドを設定した場合（本番環境にロールアウトする前にテストするため）、サイトを起動すると、FireFoxは「機能ではありません」というエラーを表示します。web.configで設定を試みcompilation debug="true"ましたが、改善されていません。

これが私の_layout.cshtmlファイルのJS呼び出しです。すべてのバンドルは、標準のJQueryプラグイン用です。

これはFireFoxが表示するエラーのサンプルです。これは、バンドルに含まれているものに基づいて変更されます。

function (n) {var i = (n.browser.msie ? "paste" : "input") + ".mask", t = window.orientation != undefined;n.mask = {definitions: {9: "[0-9]", a: "[A-Za-z]", '*': "[A-Za-z0-9]"}, dataName: "rawMaskFn"}, n.fn.extend({caret: function (n, t) {if (this.length != 0) {if (typeof n == "number") {return t = typeof t == "number" ? t : n, this.each(function () ... YADDAYADDAYADDA-ここにさらに50行のスクリプト... function () {setTimeout(i, 0);})();}).bind("blur.mask", function () {v(), c.val() != p && c.change();}).bind("keydown.mask", nt).bind("keypress.mask", d).bind(i, function () {setTimeout(function () {c.caret(v(true));}, 0);}), v();});}});}(jQuery) is not a function

$(".dropdown-checklist").dropdownchecklist is not a function

私がここで台無しにしたかもしれないことについて何か考えはありますか？

SquishIt を使用して js/css ファイルを管理していますが、これは完全に機能しますが、手動で作成したファイルでのみ機能します。スクリプト マネージャーを介してブラウザーに返される asp.net webresources/script リソース (ajax、検証などのスクリプト) で使用するにはどうすればよいですか?

.jsファイルと.cssファイルを組み合わせるために「SquishIt」を使用しています。問題は、他のすべてのリソースが（キャッシュから）200の場合、squishitバンドルの結果が304（変更されない）になることです。通常の方法でファイルを配置すると、必要な200の結果が得られます。私のコードの例：

結果：

編集：私は「Debug=false」を使用しています。他のすべてのリソースは200（キャッシュから）です

私は SquishIt を使用しており、次の行で CSS バンドルに追加する.lessファイルがあります

.Add("~/content/styles/dev.less")

これdev.less.debug.cssは、ソリューションをビルドするときと同じようにコンパイルされますが、.less ファイルを保存するだけで自動的に css がコンパイルされるようにしたいと考えています (そのため、従来の CSS ファイルの場合と同様に、ブラウザーで変更をすぐに確認できます)。

これを実現するために多くの拡張機能 ( LessExtensionやLessCssForVisualStudiodev.cssなど) を調べましたが、これらの拡張機能では、ファイルをdev.less. Mindscape Web Workbenchは、無料版では LESS ファイルをコンパイルしないため、 も必要かどうかはわかりませんdev.css。

プロジェクトはチーム間で作業されるため、ファイルへのリンクを変更することはできません。一部のチームは拡張機能をインストールせず、喜んでソリューションをビルドしてコンパイルします。

SquishIt で動作するように構築された LESS を自動的にコンパイルする拡張機能はありますか?

NugetのSquishIt0.8.7を使用しています。

しかし、.sassまたは.scssファイルを取得していないようです。.lessファイル（dotLessを使用）で完全に機能します。

すべてのJavaScriptを出力する次のコードがあります。

これは、Googleキャッシュへの外部jQuery参照を削除するシナリオを除いて、常に問題なく機能します。<script src="@jQueryExternal"></script>残りのスクリプトは、単一のスクリプトタグで最小化されます。

また、document.writeタグの後に次のようなスクリプトタグを追加した場合もわかりました。

それは機能します。

そうしないと、「何も定義されていません」というメッセージが表示されます

chrome20とfirefox11の両方でテストされているので、その余分な空のスクリプトタグは正確に何をしているのでしょうか。そして、なぜそれがこのコーナーケースエラーを軽減するのですか？

機能する完全に有効な CSS スタイルシートがあり、クエリが認識されますが、スタイルシートを SquishIt で縮小 (および連結) すると、メディア クエリが機能しなくなったように見え、その理由がわかりません。

これは美化された、縮小された CSS です。

私は使用していますYuiCompressor、

しかし、どうやらメディアクエリを次のように縮小します。

これを修正するにはどうすればよいですか?

私のページには約 20 個の CSS ファイルがロードされており、CSS と JavaScript を縮小するツールを探しています。私は SquishIt がとても気に入っていますが、@import url 経由で読み込まれた css を処理していないようです。かなりの数の CSS ファイルが @import 経由で読み込まれるため、出力が正しくありません。

これに対する修正はありますか、または @import 経由でインポートされた CSS を適切に処理する別のツールを誰かが推奨できますか?

Squishitで動的CSSソースパス/URLを追加するにはどうすればよいですか？

これはエラーをスローします。

Squishit が実稼働モードでバンドルを再構築する原因/トリガーを誰か教えてもらえますか?

たとえば、次のバンドルを作成すると、ファイル 'Site.Master_{GUID}.css' が期待どおりに作成されます。

しかし、ファイル バンドル ファイルを削除すると、再作成されません。試行錯誤の結果、web.config ファイルを次のように変更すると、

そして、falseに戻ります

次回ページがリクエストされたときにバンドルが再構築されますが、知りたいのは次のとおりです。

a) Squishit が特定のバンドルをビルドまたは再ビルドする必要があるかどうかを決定する方法

b) Squishit をリセットしてすべてのバンドルを再構築する認識された方法がある場合 - たとえば、キャッシュの消去またはサイトの更新の後。

ありがとう。