v7.1.0

gulp

Table of Contents

Install

MUSUBii を gulp で使う場合は、必要なライブラリをインストールして設定を行います。

npm install --save-dev gulp gulp-sass

yarn add --dev gulp gulp-sass

Setting

gulpfile.js

const gulp = require("gulp")
const sass = require("gulp-sass")

const sassOptions = {
  includePaths: "./node_modules/"
}

function buildSCSS() {
  return gulp
    .src("src/scss/**/*.scss")
    .pipe(sass(sassOptions))
    .pipe(gulp.dest("dist/assets/css"))
}

gulp.task("default", buildSCSS)

SCSS

src/scss/project.scss

// Configs
// 変数をオーバーライドする場合は configs より先に同名で定義します
// 例えば $option-css-variables: true で CSS Variables を有効化
@import "musubii/src/scss/configs/_import.scss";

// Styles
@import "musubii/src/scss/styles/_import.scss";

Sources