問題タブ [uncss]
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.
sass - 適切なソースマップを取得する (gulp sass + cleanCss + prefixer + uncss)
sass をクリーンな css (プレフィックス付き、CSS なし、縮小済み) にコンパイルするために gulp をチェーンする最良の方法は何ですか?
次の例ではソースマップを作成しますが、ブラウザーのインスペクターで表示すると、ソース ファイルの間違った行番号を指しています。
この問題を解決するために、以前にソースマップを出力しようとしましたが、「Neat」autoprefixerおよびcleanCss「Burbon」パスに関連するエラーが発生しました。Error: Broken @import declaration of "../neat" Broken @import declaration of "../colors" Broken @import declaration of "../variables" Broken @import declaration of "../grid" Broken @import declaration of "../tables"
javascript - gulp uncss が予期せずいくつかの「無視された」クラスを削除する
私はgulp uncssを使用しています。これは私のタスクコードです:
次の行
上記のgulpタスクでコードを実行すると、コンパイルされます。
どんな考えでも、私の正規表現のスキルには欠けているものがあります!
.is-基本的に、セレクタ内のどこにでもあるクラスを無視する必要があります。
css - 未使用の CSS を再帰的に削除する
cssが保存されている複数のディレクトリを持つプロジェクトがあります（言語ごとにわずかに異なるcss）
ディレクトリ構造の例:
これらの各ディレクトリ内には、index.scss ファイルがあります。
次に、言語セットに基づいて正しいディレクトリから css を取得する口ひげテンプレートを作成します。
purify css と unCSS を使用してみましたが、どちらも単一の .css ファイルでうまく機能しますが、複数のディレクトリとファイルがある場合は機能しないようです。
各ディレクトリ内の各ファイルから未使用の css を削除し、各ディレクトリに新しいファイルを作成したいと思います。
grunt は、タスクに次の形式を使用して、この種の再帰タスクをサポートするようになりました。
しかし、私が試した 2 つの未使用の css タスクはこれをサポートしていないようです。
誰か提案はありますか？
ありがとう。
angularjs - AngularJS プロジェクトから未使用の SASS を削除します
クリーニングが必要な SASS ファイルが肥大化した Angular1 プロジェクトを継承しました。未使用の SASS ステートメントの削除を自動化する方法はありますか (ビルド中)、または理想的には、開発からより永久に削除されます。静的 HTML ページでうまく機能する UNCSS のようなツールがあることは知っていますが、動的コンテンツではうまく機能しないようです。
手動で修正する以外に、未使用の SASS ステートメントのクリーニングと削除に関してできることはありますか?
wordpress - Grunt Uncss PhantomJS Wordpress ReferenceError:変数が見つかりません:JQuery
WordPressサイトでMAMPでgrunt-uncssを使用しています。すべての css ファイルを取得し、それらを 1 つのファイルに結合しました。
結果: 1 つの URL が完了するまでに 40 分かかります。それは効率的ではありません。さらに、uncss は、開始時と同じ css を吐き出すだけです。
エラーの多くは「ReferenceError: 変数が見つかりません: jQuery」ですが、PhantomJS/UnCSS がインライン JavaScript を解析しようとしているようなものですか?
ここにいくつかの他のものがあります:
SyntaxError：予期しないトークン '％'
local:193 in setContent:2 SyntaxError: 識別子の無効なエスケープ: '\'
local:427 in setContent:2 SyntaxError: 予期しないトークン '<'
local:891 in setContent:2 SyntaxError: 予期しないトークン ','
jQueryの読み込み時間（タイムアウト）の追加など、さまざまなアプローチを試しました。また、過去7時間のグーグル検索も試しました。問題は PhantomJS にあると確信していますが、それに慣れていません。助けを求めている
これが私のグラントファイルです
html - Bootstrap を使用した PurifyCSS | ナビタブが機能しない
シンプルな Bootstrap 3 ページを作成しましたが、PurifyCSS を使用して読み込み速度を上げたいと考えていました。すべて正常に動作しますが (カルーセルも)、Nav-Tab が機能しません。
Purified CSS と Raw CSS へのリンクを含めました。
RAW ブートストラップ CSS: http://pastebin.com/bTVtKRZc
浄化後（未縮小） http://pastebin.com/SBEC42c5
両方のファイルと .nav-tabs または .nav 基本クラスが両方のファイルにあることを確認しましたが、タブは未精製バージョンをロードした場合にのみ機能します。
タブの HTML コード:
私は CSS と Web デザイン全般に不慣れで、助けやヒントをいただければ幸いです。
uncss で同じ問題が発生したため (無視するクラスを追加した後)、uncss タグも含めました。
ありがとうございました！