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

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

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

次のコマンドを使用して、npm(ノードパッケージマネージャー)を使用してlesscをインストールし、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リポジトリにバイナリが含まれています。* nix上のWindows、OS X、nodejsで動作します。

コマンドラインの使用法

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

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

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

lessc stylesheet.less stylesheet.css

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

lessc -x stylesheet.less stylesheet.css

オプション

次の表に、コマンドラインの使用法で使用されるオプションを示します。

シニア番号 オプションと説明 コマンド
1

Help

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

lessc -help
lessc -h
2

Include Paths

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

lessc --include-path = PATH1;PATH2
3

Makefile

これは、出力としてstdoutへのmakefileインポート依存関係リストを生成します。

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

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

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が常にベースファイルを基準にするように、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"