回答編集履歴
5
回答修正
test
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
},
|
17
17
|
```
|
18
18
|
SCSSのファイル名ですが、``assets/main.scss``のままでは、vuetify側のファイル名と被っておりエラーが出た為``settings.scss``に変更しました。
|
19
|
-
ターミナルに警告
|
19
|
+
また、ターミナルに以下のような警告がいくつか出力されましたが、原因は不明です。
|
20
20
|
|
21
21
|
```
|
22
22
|
WARN Sourcemap for "plugin-vuetify:components/VApp/VApp.sass" points to missing source files 8:17:19
|
@@ -24,6 +24,6 @@
|
|
24
24
|
|
25
25
|
WARN Sourcemap for "plugin-vuetify:components/VMain/VMain.sass" points to missing source files
|
26
26
|
```
|
27
|
-
|
27
|
+
警告については、GitHubにissueが投稿されていました。
|
28
28
|
https://github.com/vuetifyjs/vuetify-loader/issues/290
|
29
29
|
|
4
回答の修正
test
CHANGED
@@ -15,7 +15,7 @@
|
|
15
15
|
},
|
16
16
|
},
|
17
17
|
```
|
18
|
-
``assets/main.scss``のままでは、vuetify側のファイル名と被っておりエラーが出た為``settings.scss``に変更しました。
|
18
|
+
SCSSのファイル名ですが、``assets/main.scss``のままでは、vuetify側のファイル名と被っておりエラーが出た為``settings.scss``に変更しました。
|
19
19
|
ターミナルに警告は出力されますが、動作自体には問題がないと思われます。
|
20
20
|
|
21
21
|
```
|
3
回答修正
test
CHANGED
@@ -15,6 +15,7 @@
|
|
15
15
|
},
|
16
16
|
},
|
17
17
|
```
|
18
|
+
``assets/main.scss``のままでは、vuetify側のファイル名と被っておりエラーが出た為``settings.scss``に変更しました。
|
18
19
|
ターミナルに警告は出力されますが、動作自体には問題がないと思われます。
|
19
20
|
|
20
21
|
```
|
2
コードにCSS項目を追記
test
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
``nuxt.config.ts``のhooksを以下のようにしたら、SASS変数を上書き出来、ブラウザで表示させることができました。
|
2
2
|
|
3
3
|
```
|
4
|
+
css: ['assets/settings.scss'],
|
4
5
|
hooks: {
|
5
6
|
'vite:extendConfig': (config) => {
|
6
7
|
config.plugins!.push(
|
1
回答の修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
``nuxt.config.ts``のhooksを以下のようにしたら、ブラウザで表示させること
|
1
|
+
``nuxt.config.ts``のhooksを以下のようにしたら、SASS変数を上書き出来、ブラウザで表示させることができました。
|
2
2
|
|
3
3
|
```
|
4
4
|
hooks: {
|
@@ -7,7 +7,7 @@
|
|
7
7
|
vuetify({
|
8
8
|
autoImport: true,
|
9
9
|
styles: {
|
10
|
-
configFile: 'assets/
|
10
|
+
configFile: 'assets/settings.scss',
|
11
11
|
},
|
12
12
|
})
|
13
13
|
);
|