IS Component Library

Imagineering Studio コンポーネントライブラリ

How to use

# npm
$ npm install is-component

# yarn
$ yarn add is-component

# create config json
$ npx is-component-setting

./alice-config/is-component.config.jsonが出力される。

# create required files
$ npx is-component-create

is-componentディレクトリ配下に、必要な下記ファイルが生成される。 生成後、適切な場所にファイルを移動させる。

• muiTheme.ts
  └ MUI テーマファイル生成。is-component.config.jsonを元にカラーを定義。任意の場所に配置。
• tailwind.config.js
  └ tailwind の設定ファイル生成。is-component.config.jsonを元にカラーを定義。プロジェクトルートに配置。
• postcss.config.js
  └ tailwind で使用される postcss の設定ファイル生成。プロジェクトルートに配置。
• styles/globals.scss
  └ scss のルートファイル。_app.tsxで読み込む。
• styles/base.scss
  └ reset css。tailwind の base.css に問題があるので代用。
• styles/variable.scss
  └ scss の変数を管理。is-component.config.jsonを元にカラーも定義。