問題タブ [gulp-clean-css]
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 は Google Fonts CSS をファイルにコンパイルし、プロトコル関連のリンクを解除します
.scssファイルで次のコードを使用すると
私が使用するSASSパーサー（nodejs gulp-sass）は、上記の場所からファイルを喜んでダウンロードし、コンパイルされた出力にプレーンテキストとして含めます。
これが私のGulpfileです：
問題は、私のサイトは を使用してHTTPSおり、ファイルがコンパイラによって要求されると、ファイルをフェッチするためHTTP、返された応答の URL もHTTP、コンソールをいっぱいにする警告のロードになりますが、フォントはロードされません.
コンパイラにその行をそのままにしておくように指示する方法はありますか?
css - CSS 縮小によるリモート フォント インポート
css を含むすべての bower パッケージ アセットを連結および縮小しようとしています。そのうちの 1 つがブーツウォッチ デザインで、Google フォントをインポートします。問題は、css タスクを実行するとタイムアウト例外が発生することです。それらのフォントをダウンロードしようとしていると推測していますが、毎回例外が発生するわけではないため、時間がかかりすぎます。
どうすれば解決できますか？
ガルプのインポート:
一気飲みタスク:
例外：
このタスクを単独で実行すると、(制限テストでわかる限り) 常に正常に動作しますが、他のタスクと組み合わせて実行すると、前述のエラーが発生します。
javascript - Gulp を使用したリモート インポート フォント
そのため、現在の Gulp セットアップが Google フォントなどのリモート フォントをインポートしていないことに気付きました。私のmain.scssファイルには次のものがあります。
縮小してコンパイルすると、次のようになります。
私gulp-minify-cssはclean-cssを使用するものを使用しています。リモートインポートを正しく機能させるために何かしなければならないことがあることは知っていますが、ドキュメントを読むと、答えよりも多くの質問が残りました。これは、Sass/CSS の縮小を処理する私の gulp ファイルのセクションです。
どんな助けでも大歓迎です！ありがとう。
gulp - Bootstrap 4. CSS の縮小により間違った結果が生成される
Bootstrap 4.0-alpha を Bower と共にインストールしました。これで、コンパイル済みの bootstrap.css と bootstrap.min.css を含む dist ディレクトリができました。開発環境では、圧縮版ではなく、展開内で縮小版を使用するようにしています。Laravel Elixir を使用してタスクを実行しています。圧縮後、いくつかのブートストラップ スタイルが変更されました。たとえば、h1 タグには "margin-top: 0.67em" があります ("margin-top: 0px" の優先度が低いために発生しています)。もちろん、完全に問題のない dist ディレクトリから事前に圧縮されたファイルを使用することもできます。しかし、それが私のミニファイヤの問題である場合、今後の開発で間違った結果につながるのではないかと心配しています.だから私の質問は、なぜそれが起こっているのですか?
gulp-uglify - clean-css TypeError は null のプロパティ '0' を読み取ることができません
コードを縮小しようとしていますが、clean-css を実行すると常にこのエラーが発生します。
コメント行を削除するなどのさまざまな投稿を読みましたが、すべてうまくいきませんでした。
誰でもこの問題を解決するための他のアイデアや方法を持っています
css - minifycss での縮小エラー
私はこのgulp css minification行を持っています:
このcss部分を縮小すると：
私はこれを得る：
そのブラケットのせいでcss全体が壊れます。
これを回避するために見逃したオプションはありますか? (nanocss atm に切り替えることはできません)
gulp - gulp のソースマップがファイルにマッピングされない
私は関連する質問を探していましたが、これに対する答え (または質問) が見つかりませんでした。ほとんどの質問は、間違ったパスまたはソースマップが生成されないことに関するものですが、このようなものは見つかりませんでした。
このタスクを処理すると、縮小された css ファイル (bootstrap.min.css) とソースマップ ファイル (bootstrap.min.css.map) が得られます。
しかし、これらのファイルを使用するコードを調べると、ソースが処理されたレスファイル自体ではなく、処理されたレスファイルである場合のように、一部のパーツはbootstrap.css（存在しない）に誘導します...そして一部のパーツは指示します私を.lessファイルに。
私をbootstrap.cssに誘導する部分は、縮小されていない、生成されたcssに私を連れて行きます。しかし、ソースのないファイルに導くためにそれが必要です (これが、最初にソース マップが必要な理由です)。
生成されたソースマップ内には、ソースに bootstrap.css へのリンクがありますが、bootstrap.css は生成されていません。
これは、私の bootstrap.less タスクで発生していますが、ほぼ同じ他のタスクでも発生しています。
一部の部分がより少ないファイルにつながる理由とそうでない部分がある理由を教えてくれるパターンは見つかりませんでした。
何が悪いのかを理解しようとして、一日中髪を引っ張っています!.
お役に立てれば幸いです。
そして、オプションファイル...