問題タブ [grunt-contrib-cssmin]
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 - cssmin が @import を正しく処理していない
@imports を含むファイルで cssmin を使用しています。cssmin はローカル ファイルを正しく再帰的にインポートしていますが、URL を指すインポートの場合、インポートはインラインのままです。@ 規則はファイルの先頭にある必要があるため、これにより結果の縮小された CSS は無効になります。この問題の良い解決策または回避策を知っている人はいますか?
gruntjs - Grunt css min ファイル拡張子
cssを縮小するためにうなり声を使用しています。
ただし、縮小配列のパラメーターを変更しようとすると、
と
css を縮小できません。「.min」は重要ですか?
私のグラントファイルは以下の通りです
gruntjs - Mean.io で grunt-usemin を使用する (個別の public/ フォルダーと app/ フォルダー)
私は、yeoman angular generator を使用して新しいプロジェクトを作成し、それを自分のニーズに合うように拡張しました。しかし後で、express と mongodb のサポートに mean.io を使用したいことに気付きました。mean.io のデフォルト プロジェクトから自分のプロジェクトに必要な部分をコピーするのにかなりの時間がかかりました。しかし、私はまだ grunt-rev と grunt-usemin で深刻な問題に直面しています。
元の yeoman 生成プロジェクトには、すべての AngularJS アイテムを含む app/ フォルダーがありました。ただし、新しいプロジェクトには、サーバーに存在するすべてのアイテム用の app/ フォルダーと、クライアント エンドで必要なすべてのアイテム用の public/ フォルダーがあります。現在、grunt-rev プラグインは css ファイルと画像ファイルの名前を変更して、そのアイテムのバージョンに一致する識別子を含めます。これはかなり便利だと思うので、プロジェクトに残しておきたいと思います。さて; 私の index.html は app/ フォルダーにあり、すべての css と画像は public/ フォルダーにあります。私の index.html では、「」のような形式の画像を取得しました<img src="images/imagename.png">「。これは、サーバールートである同じ場所から app/views/ と public/ の両方を提供するため、ノード Express サーバーを起動してプロジェクトをテストするときに機能します。ただし、画像ソースが認識しないため、Usemin はこれを理解していません」 t は絶対フォルダー構造と一致します。app/views/ コンテンツを app/ に移動しようとしましたが、役に立ちませんでした。同じことが cssmin で構築された css ファイルでも起こります。index.html にプロパティを取得し、その下にすべての css .ビルド後、そこにstyles/main.cssがありましたが、useminがフォルダー構造を認識していないため、index.htmlにstyles/main.cssがあり、styles/に986a2d75.application.cssがあります。
2 つのフォルダを 1 つのように扱う必要があることを usemin に知らせる方法はありますか? usemin に特定のパターンを探すように強制できることがわかりましたが、それではすべての画像を gruntfile に個別に追加することを忘れないようにする必要があるため、そうする前にこれらのプラグインをまったく使用したくありません。
css - 依存ファイルを Grunt で処理し、パスを書き換えます
これは私のものですGruntfile.js(assetsはBowerフォルダーです):
すべて正常に動作しますが、私が疑ったように、Font-awesome を使用するとフォントとの接続が失われますgrunt-contrib-mincss。
Grunt で自動化して、次のようなことを行うことはできますか?
- フォント ファイルを から
assets/font-awesome/fonts/にコピーdist/fonts/ url(../fonts/に書き換えるurl(fonts/
前もって感謝します！
javascript - java-script によって生成された css を無視して un-css をうなり声を上げる
私は不平を言うのが初めてで、java-scriptとcssの拡大に使用しています。それはちょうど素晴らしいツールです。うなり声をさらにいくつか調べた後、cssのロード時間とサイズを改善するのに大いに役立つ uncss モジュールに出会いました（特に、ブートストラップ css のようなフレームワーク）。
私はAngularとphpにアプリを持っています.phpとjava-scriptによって動的に生成されたクラスがあります.uncssを実行している間、このcssセレクターは生成された新しいcssファイルから削除されます。
grunt の uncss モジュールをインストールするときに、phantom-js をインストールしたと思います。
誰でも私がこれを達成する方法を知っていますか?