generate-style-index
指定したディレクトリのサブディレクトリ以下の CSS ファイルを全て @import する索引ファイルを生成します。
索引ファイルを作成することで、 import-glob-loader などを利用しないでコンパイル可能になり、再利用しやすくなります。
インストール
yarn add @yutahaga/generate-style-index使い方
node node_modules/.bin/generate-style-index.js -v -s sass -p src/stylesまたは package.json の scripts フィールドに
{
"scripts": {
"gsi": "generate-style-index -v -s sass -p src/styles"
}
}のように記載し、書きのように実行してください。
yarn gsiコマンドライン引数
-v, --verbose
生成したファイルなどを標準出力に出力します。
-s [syntax], --syntax [syntax]
構文を指定できます。初期値は css。
対応している構文は、
css, sass, scss, less, stylus
です。
-p [directory], --path [directory]
プロジェクトルートから見た相対パスを指定できます。初期値は src/styles。