lightningcssについて

post, 11ty

問題点

lightningcssを使用していた際に,ヘルプを確認したくなり以下のコマンドを実行した.

npx lightningcss-cli --help

その後,スクリプトが動作しなくなってしまった.

解決法

以下の方法で問題を解決した.

  1. lightningcss-cliのコマンドを直接実行する:

    npx lightningcss-cli --minify --bundle --targets ">= 0.25%" src/style.css -o src/style.min.css
    
  2. package.jsonのスクリプトに組み込む:

    {
      "scripts": {
        "compress": "npx lightningcss-cli --minify --bundle --targets \">= 0.25%, not dead\" src/style.css -o src/style.min.css"
      }
    }