Compassは、.cssをコンパイルできるオープンソースのCSSオーサリングフレームワークです。 .sassのスタイルシートファイル ファイルが書き込まれるときにファイルが作成されるため、Webデザイナーの作業が楽になります。このチュートリアルでは、すべての依存関係を使用してRHEL 8 /CentOS8にCompassをインストールします。
このチュートリアルでは、次のことを学びます。
- Compassに必要な依存関係をインストールする方法
- コンパスの方法
- コンパスプロジェクトを作成する方法
コンパスを使用したプロジェクトの作成。 使用されるソフトウェア要件と規則
| カテゴリ | 使用する要件、規則、またはソフトウェアバージョン |
|---|---|
| RHEL 8 / CentOS 8 | |
| コンパス1.0.3 Rubygems 2.7.6 | |
rootまたはsudoを介したLinuxシステムへの特権アクセス コマンド。 | |
＃ –指定されたLinuxコマンドは、rootユーザーとして直接、またはsudoを使用して、root権限で実行する必要があります。 コマンド$ –特定のLinuxコマンドを通常の非特権ユーザーとして実行する必要があります |
Redhat8にコンパスをインストールする方法ステップバイステップの説明
Compassのインストールは、必要なパッケージがわかっている場合は簡単な作業ですが、rubyに慣れていない場合は注意が必要です。 。サブスクリプション管理リポジトリを有効にすると、必要なすべてのパッケージを利用できます。
-
dnfを使用します 必要なパッケージをインストールするには：# dnf install ruby ruby-devel rubygems gcc
- 次に、
rubygemsを使用します Compassをインストールするには：# gem install compass
- ツールが機能していることを確認するには、Compassのバージョンを照会します。
# compass --version Compass 1.0.3 (Polaris) Copyright (c) 2008-2019 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductible donation for a worthy cause: http://umdf.org/compass
- 最後のステップは、空のCompassプロジェクトを作成することです。
$ compass create my_project directory my_project/ directory my_project/sass/ directory my_project/stylesheets/ create my_project/config.rb create my_project/sass/screen.scss [...]
出力が示すように、適切なサブディレクトリ
my_project/sass/にあるSASSファイルをプロジェクトに追加し始めることができます。 上記の例では。.sassを編集するときに、Compassをコンパイルするように設定できます。 ファイル、またはオンデマンドでコンパイルなど。