v7.1.0

Nuxt

Table of Contents

Install

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

npm install --save-dev nuxt @nuxtjs/style-resources node-sass sass-loader

yarn add --dev nuxt @nuxtjs/style-resources node-sass sass-loader

Setting

nuxt.config.js

module.exports = {
  srcDir: "src",
  modules: ["@nuxtjs/style-resources"],
  styleResources: {
    scss: ["~/assets/scss/configs/_import.scss"]
  },
  css: ["~/assets/scss/styles/_import.scss"]
}

SCSS

src/assets/scss/configs/_import.scss

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

src/assets/scss/styles/_import.scss

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

Sources