独学者Fossa

独学していることなど

UIkit 3 + Less

UIkit3
UIkit3

fossa-hobby.hatenablog.com

以前は、Laravel Mixを使いましたが、今回は、npm scriptsです。

使用環境

Name Version
Less 4.1.2
UIkit 3.10.1

インストール

ドキュメントから引用します。

npm i less --save-dev

package.json

  "scripts": {
    "less": "lessc -ru=local ./assets/less/flatly-caution.less ./public/assets/css/style.css"
  }

Rewrite URLslocalに指定するのが、ポイントです。*1

Mathに関しては、Laravel Mixでは指定していましたが、今回のflatly-cautionテーマは、デフォルトのままで大丈夫でした。

テーマによって、--math=alwaysが必要な場合もあると思います。

*1:UIkitのbuild-lessをみると、Rewrite URLsは、allを指定