2
votes

Laravel mix compile vuetify styles.sass dans un fichier css vide

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;


0 commentaires

3 Réponses :


0
votes

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).


2 commentaires

Non ... toujours pareil


Cela fonctionne - exemple de projet laravel utilisant vuetify-loader: github.com/nekosaur/laravel-vuetify



1
votes

RESOLU: l'exemple de projet de davejm utilisant vuetify-loader l'a résolu pour moi! Merci!

github.com/nekosaur/laravel-vuetify


0 commentaires

-1
votes

Cette solution a fonctionné correctement pour moi, mais vous devez avoir sass-loader 7, 8 n'est pas compatible.


0 commentaires