J'essaye de compiler vuetify 2.0.0-beta.9 SASS en utilisant laravel mix. La sortie de styles.sass est un fichier css vide. Comment puis-je résoudre ce problème?
Selon la documentation (), j'ai d'abord lancé:
$ npm install sass sass-loader fibres deepmerge --dev
Puis créé un fichier main.scss
dans resources / sass
. Qui contient ce qui suit:
/** Ripples */ /** Elements */
Cela produit un fichier css qui semble incomplet car le style du site devient fou alors qu'il fonctionne bien si je viens de lier un CDN ou d'en importer un compilé depuis ~vuetify/dist/vuetify.css
Je dois le compiler moi-même plutôt que de simplement l'importer depuis ~ vuetify / dist / vuetify.css
car Je veux changer la variable $ body-font-family
.
Pour tester, j'ai d'abord commenté le styles.sass
,
XXX
Ceci a confirmé que main.sass est en cours de compilation. Alors ensuite, j'ai essayé:
//@import '~vuetify/src/styles/main.sass'; @import '~vuetify/src/styles/styles.sass'; //$body-font-family: 'Amiri', serif;
Qui produit un fichier avec seulement ce qui suit:
@import '~vuetify/src/styles/main.sass'; //@import '~vuetify/src/styles/styles.sass'; //$body-font-family: 'Amiri', serif;
3 Réponses :
Avez-vous déjà trouvé cela? Je suis dans la même situation mais Veutify est la version de production 2 (sortie de la bêta maintenant).
Non ... toujours pareil
Cela fonctionne - exemple de projet laravel utilisant vuetify-loader: github.com/nekosaur/laravel-vuetify
RESOLU: l'exemple de projet de davejm utilisant vuetify-loader l'a résolu pour moi! Merci!
Cette solution a fonctionné correctement pour moi, mais vous devez avoir sass-loader 7, 8 n'est pas compatible.