Less-command-line-usage

提供:Dev Guides
移動先:案内検索

LESS-コマンドラインの使用法

コマンドラインを使用して、。less_ファイルを.css_にコンパイルできます。

グローバルに使用するためのlesscのインストール

次のコマンドを使用して、lesscをnpm(node package manager)でインストールし、lesscをグローバルに使用可能にします。

npm install less -g

パッケージ名の後に特定のバージョンを追加することもできます。 たとえば、 npm install [email protected] -g

ノード開発用のインストール

次のコマンドを使用して、プロジェクトフォルダーに_lessc_の最新バージョンをインストールします。

npm i less -save-dev

プロジェクトpackage.jsonのdevDependenciesにも追加されます。

lesscのベータリリース

*lessc* 構造が *npm* に公開されると、ベータとしてタグ付けされます。ここでは、新しい機能が定期的に開発されます。 _less -v_は、現在のバージョンを取得するために使用されます。

lesscの未公開の開発バージョンをインストールする

未公開バージョンのlesscのインストールに進み、依存関係としてgit URLを識別するための指示に従う必要がある場合、commit-ishを指定する必要があります。 これにより、プロジェクトに正しいバージョンのleescを使用していることが保証されます。

サーバー側とコマンドラインの使用

*bin/lessc* にはバイナリがリポジトリに含まれます。 Windows、OS X、および* nix上のnodejsで動作します。

コマンドラインの使用

ソースがダッシュまたはハイフン(-)に設定されている場合、入力は stdin から読み取られます。

lessc [option option = parameter ...]  [destination]

たとえば、次のコマンドを使用して .less.css にコンパイルできます-

lessc stylesheet.less stylesheet.css

次のコマンドを使用して、。less *を *.css にコンパイルし、結果を縮小できます。

lessc -x stylesheet.less stylesheet.css

オプション

次の表は、コマンドラインの使用で使用されるオプションを示しています-

Sr.No. Options & Description Command
1

Help

利用可能なオプションとともにヘルプメッセージが表示されます。

lessc -help
lessc -h
2

Include Paths

ライブラリへの利用可能なパスが含まれています。 これらのパスは、Lessファイルで簡単かつ比較的参照できます。 ウィンドウ内のパスは、コロン(:)またはセミコロン(;)で区切られます。

lessc --include-path = PATH1;PATH2
3

Makefile

makefileインポート依存関係リストを出力としてstdoutに生成します。

lessc -M
lessc --depends
4

No Color

色付き出力を無効にします。

lessc --no-color
5

No IE Compatibility

IE互換性チェックを無効にします。

lessc --no-ie-compat
6

Disable Javascript

少ないファイルでJavaScriptを無効にします。

lessc --no-js
7

Lint

構文をチェックし、出力せずにエラーを報告します。

lessc --lint
lessc -l
8

Silent

エラーメッセージの表示を強制的に停止します。

lessc --silent
lessc -s
9

Strict Imports

インポートを強制的に評価します。

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

安全でないHTTPSホストからインポートします。

lessc --insecure
11

Version

バージョン番号を表示して終了します。

lessc -version
lessc -v
12

Compress

空白を削除して出力を圧縮するのに役立ちます。

lessc -x
lessc --compress
13

Source Map Output Filename

少ないソースマップを生成します。 sourcemapオプションがファイル名なしで定義されている場合、ソースとしてLessファイル名を持つ拡張マップを使用します。

lessc --source-map
lessc -source-map = file.map
14

Source Map Rootpath

ルートパスが指定されており、ソースマップ内のLessファイルパスと、出力CSSで指定されているマップファイルに追加する必要があります。

lessc --source-map-rootpath = dev-files/
15

Source Map Basepath

出力パスから削除する必要があるパスが指定されています。 ベースパスはrootpathオプションの反対です。

lessc --source-map-basepath = less-files/
16

Source Map Less Inline

すべてのLessファイルをソースマップに含める必要があります。

lessc --source-map-less-inline
17

Source Map Map Inline

出力CSSでは、マップファイルをインラインにする必要があることを指定します。

lessc --source-map-map-inline
18

Source Map URL

URLは、CSS内のマップファイル内のポイントをオーバーライドできます。

lessc --source-map-url = ../my-map.json
19

Rootpath

相対的なインポートとURLでURL書き換えのパスを設定します。

lessc -rp=resources/
lessc --rootpath=resources/
20

Relative URLs

インポートされたファイルでは、URLは常にベースファイルに関連するように書き換えられます。

lessc -ru
lessc --relative-urls
21

Strict Math

CSSのすべての数学関数を処理します。 デフォルトではオフです。

lessc -sm = on
lessc --strict-math = on
22

Strict Units

混合ユニットを許可します。

lessc -su = on
lessc --strict-units = on
23

Global Variable

ファイルが参照できる変数が定義されています。

lessc --global-var = "background = green"
24

Modify Variable

これはグローバル変数オプションとは異なります。 lessファイルの最後に宣言を移動します。

lessc --modify-var = "background = green"
25

URL Arguments

すべてのURLに移動するには、引数を指定できます。

lessc --url-args = "arg736357"
26

Line Numbers

インラインソースマッピングが生成されます。

lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
27

Plugin

プラグインをロードします。

lessc --clean-css
lessc --plugin = clean-css = "advanced"