4

複数のCSSインポートを1つのCSSファイルにすばやくマージするために使用できるものはありますか？

たとえば、開発中に多数のインポートを含むメインのstyles.cssファイルがあるとします。

@import url('normalize.css');
@import url('1.css');
@import url('2.css');
...
@import url('10.css');

私は自分の正気のために開発中にそれらを分離します。

11、12などではなく、1つのスタイルのファイルになりますが、本番環境でのHTTPリクエストを最小限に抑えたいと思います。

では、手動で1つのファイルにコピー/貼り付けする以外に、これらのインポートを1つのファイルに入れることができるものはありますか？

LESSまたはSASSはこのようなことをしますか？

4

3 に答える 3

2

yuicompressorに基づくcss-compressorはまさにそれを行います：

https://github.com/samilyak/css-compressor

于 2013-05-14T12:08:11.207 に答える
1

LESSとSASSはこれ以上のことを行います。cssファイルを単一のドキュメントに照合するサーバー側の方法はたくさんあります（jsでもそれを行うことはできませんが、jsをオフにするとスタイルが失われるため、これはお勧めしません）

YahooYUIコンプレッサー/Rhinoは、私が間違っていなければ同じことをします：http: //developer.yahoo.com/yui/compressor/#work

グローバルオプションをチェックすると、これが機能します。

-o出力ファイル

  Place output in file outfile. If not specified, the YUI Compressor will
  default to the standard output, which you can redirect to a file.
  Supports a filter syntax for expressing the output pattern when there are
  multiple input files.  ex:
      java -jar yuicompressor.jar -o '.css$:-min.css' *.css
  ... will minify all .css files and save them as -min.css
于 2012-06-13T13:27:14.270 に答える
0

YUI Compressorを使用する最も簡単な方法は、Javaを必要とするバイナリをダウンロードし、コマンドラインで実行することです。

java -jar yuicompressor-xyzjar foo.js | foo.min.js

ただし、これは展開時にプログラムで実行できます。Sprockets以下のようなライブラリを使用している場合は、Sprocketsがこれを行います。それ以外の場合は、SamStephensonのRuby-YUI-compressorgemやJammitライブラリなど、YUICompressorへのインターフェイスライブラリがいくつかあります。

于 2012-06-13T14:15:41.993 に答える