2020/07/13
[email protected]のcustomVariablesの設定を行いました
概要
Nuxt.jsでVuetifyを頻繁に利用しているのですが、
variables.scss
が開発モードでの起動(yarn run dev
)時に反映されていないことが発覚したので調査して対応しました。
修正内容
nuxt.config.js
のプロパティの記述に不足があったため、修正を行いました。- ここ に記述があるのを見落としていました。
/*
** vuetify module configuration
** https://github.com/nuxt-community/vuetify-module
*/
vuetify: {
customVariables: ['~/assets/variables.scss'],
treeShake: true, // ここの行を追加しました。
theme: {
dark: false,
themes: {
light: {
primary: '#356859',
secondary: '#FD5523',
accent: '#37966F',
tertiary: '#B9E4C9',
},
dark: {
primary: '#356859',
secondary: '#FD5523',
accent: '#37966F',
tertiary: '#B9E4C9',
},
},
},
},
以上になります。
関連する記事
Nuxt2からNuxt3への移行とNextJSとNuxt3の比較について
弊社ホームページとブログサイトをNuxt2からNuxt3ベースに移行しました。
Nuxt.jsからNext.jsへのリニューアルを経て思うこと
Nuxt.jsからNext.jsへフルリニューアルしたことで見えてきた個人的なメリットとデメリットを整理します
NuxtJSにEditor.jsを導入
リッチでカスタマイズが自由なテキストエディタであるEditor.jsをNuxtJSのサイトに導入しました。
AOSをNuxtJSのサイトに導入する
スクロールアニメーションを簡単に実装できるAOSというライブラリをNuxtJSベースのサイトに導入しました