17

CSSで変数を使いたいので、SASSかLESSのどちらかを検討中です。

ただし、私の問題は、コマンド ライン アクセスを備えた専用ホストではなく、共有ホストにプロジェクトを展開することです。

また、ユーザーがブラウザーで Javascript を使用して CSS ファイルをコンパイルしなければならないという考えも好きではありません。(Javascript が無効になっている場合はどうなりますか?)

このような状況に対処する最善の方法は何ですか? 結局、昔ながらの普通の CSS に頼らなければならないのでしょうか? ないことを願っています...

4

8 に答える 8

14

開発マシンで Sass または Less をコンパイルし、コンパイルされて縮小された CSS をサーバーにプッシュします。

于 2012-11-27T22:42:45.900 に答える
6

あなたには矛盾があります。

サイトを完全に制御したい場合は、専用サーバーまたは仮想サーバーを取得する必要があります。これにより、必要なものをインストールして実行できます。

共有ホストにカスタム ソフトウェアをインストールして実行することが許可されていない場合、その場で SASS をコンパイルすることはできません。コードをサーバーにアップロードする前に、SASS をコンパイルする必要があります。

SASS をローカルでコンパイルする必要性に満足できない場合は、Capistranoやおそらく IDE などの展開手法を使用して自動化できます。展開ツールの選択は、開発環境とホスティング環境に大きく依存します。

もう 1 つのオプションは、クライアントのブラウザーでローカルに LESS をコンパイルすることです。http://lesscss.org/#usageを参照してください。しかし、次の 2 つの理由からお勧めしません。

  1. これにより、Web サイトへのアクセスが難しくなります (皮肉なことです!)。ウェブサイトに基本的なスタイルを適用するために重い JS に頼るべきではありません。
  2. SASS は、いくつかの理由で LESS よりも好まれます。その主な理由は、優れた Compass ツールキットです。
于 2012-11-30T14:19:39.633 に答える
3

まず、CSS プリプロセッサは、CSS ファイルの管理を容易にするための開発ツールです。これらはブラウザでは実行されません。

次に、共有ホストまたは専用ホストでプリプロセッサを実行する場合の唯一の違いは、最初にプリプロセッサをインストールできるかどうかです。

私の古い答えを修正するには、一部の CSS 前処理は実際にブラウザーで実行できます。たとえば、Lesscssはより少ないシートを要求して CSS にコンパイルし、ライブで更新します。これは非常に貴重な開発支援ツールですが、本番環境でやりたいことではないことは間違いありません。

于 2012-11-27T22:47:34.567 に答える
2

ほとんどの共有ホストでは、デフォルト ディレクトリにカスタム gem をインストールすることはできません。これは通常、ユーザーのホーム フォルダの外、つまりユーザーの書き込み可能なディレクトリの外にあるためです。

共有ホスト (1and1 ホスティング) でしなければならなかったことは、共有ホストにカスタム gem をインストールする [これらの手順] に従うことでした。必要な手順を実行するには、共有ホスティング サーバーへのシェル アクセスが必要です。また、RubyGems の最新バージョン (この投稿の時点で 2.0.3) を処理するために、実行しているコマンドを更新することも確認してください。

初期設定が完了したら、あとはgem install sassコマンドを実行するだけです。次に、CSS ファイルを保存するディレクトリに移動して実行sass --watchし、SASS で CSS ファイルの生成を開始します。

于 2013-04-17T06:04:04.503 に答える