インストール

簡単な環境構築の方法です。

モジュールの導入

npm コマンドを使ってtatamiをインストールします。

npm i -D @takamoso/tatami

直接リポジトリからダウンロードすることもできます。

バンドラーの設定

gulpやwebpackなどのバンドラーを使います。

gulp 4

gulpの設定です。

const gulp = require('gulp')
const sass = require('gulp-sass')
const magic = require('node-sass-magic-importer')

gulp.task('css', () => {
  return gulp.src('path/to/style.scss')
    .pipe(sass({
      importer: [
        magic()
      ],
      functions: require('@takamoso/tatami/src/tatami'),
    }))
    .pipe(gulp.dest('path/to/output'))
})

@import '~@takamoso/tatami';

// Your code here!

npx gulp css

npx コマンドで css タスクを実行すればSassがコンパイルされます。