6

ほんの数週間前、私は LESS CSS について知りました。そして、それはまさに私がCSSコードを書いているときに利用できるべきだと思っていたものです.

今、私はそれを使用することを非常に熱望しており、これを本番シナリオに適用したいと考えていますが、問題があります。LESS CSS を使用するには、次の 2 つのオプションがあります。
1. Web ページにless.jsを含めます。
2. LESS ファイルをプリコンパイルしてから使用します。

最初のオプションは、最大 43 KB の less.js を使用する必要があるため、余裕がありません。私がすでにJqueryを使用している場合、これは余分な負荷を追加します。

2 番目のオプションは有望に見えますが、問題は、実稼働環境でコードを作成する場合、変更に対してテストするたびに LESS をコンパイルできないことです。CSS を直接コーディングするときのように、シームレスなエクスペリエンスになるはずです。LESS と書くと、すぐにページに反映されるはずです。

では、この種のワークフローの設定を手伝ってくれる人はいますか?

他の同様のフレームワークの提案は大歓迎です。

4

3 に答える 3

4

私は開発にLess-PHP.lessを使用しています。メインファイルを変更した後、テストのためにブラウザーを更新するたびに、.cssファイルが出力されます。

.cssその後、本番環境では、通常どおりファイルをコピーするだけです。

Less.js は、JS が有効になっているユーザーに対してのみ機能し、すべてのユーザーのダウンロード時間とレンダリング時間の両方が必要でない場合に遅くなるため、本番環境で使用することはありません。

編集：LESSファイルが変更されて保存されるのを待ち、それが発生したときにコンパイルするソフトウェアもあります。繰り返しになりますが、Less PHP はプロジェクトごとに 1 回セットアップでき、同じことを行います。回避できるのであれば、自分のシステムで毎日デーモンを起動したくないのです。私はすでにファイアウォール、AV、MSN、Dropbox、jabber クライアント、copypaste ユーティリティ、統合 SVN などを実行しています
:)代わりは。私の同僚は Prepros 5 にいくつかのバグを抱えているので、私はまだインストールしていません (Prepros 5 は現在プロプライエタリ ソフトウェアであり、数ドルの費用がかかります。非常に良い投資です)。

EDIT2：Javaを使用しているようです。少しグーグルすると、この解決策が得られます: http://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

于 2012-03-03T19:30:01.827 に答える
2

あなたが述べたように、本番環境でless.jsを使用することは悪い考えです。Git を使用している場合にもう 1 つアイデアを追加すると、プロダクション CSS ファイルを pre-commitフックの一部として生成できるため、プロダクションのために手動で何もする必要がなくなります。ここで使用するワークフローについて少し書いています - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/。

于 2012-07-09T19:38:54.513 に答える
1

私もJavaを使用していますが、以下はどの技術にもほぼ有効です。

開発モード:

  1. less ファイルを含めますが、生成された css ファイルは含めません
  2. より少ない js を実行する

生産:

  1. ant を使用して、生成された css フォルダーを消去します。
  2. less rhino を使用して、 ant を使用して less から css ファイルをコンパイルします。
  3. 生成された css ファイルを含めますが、less ファイルは含めません

任意のビルド ツール (ant、maven など) を使用して簡単に実現できるテーマ/スキンなど、いくつかの追加作業を行います。また、生成されたフォルダーはビルド プロセスによって削除および生成されるため、生成されたフォルダーのバージョン管理をシステムに無視させます。

于 2015-01-30T10:48:19.153 に答える