comment importer tous les css de node_modules dans vuejs

Question

Je construis une application Vue.js commençant par le template webpack et vuetify. Pour importer vuetify Im faisant cela css dans mon App.vue

<style> @import '../node_modules/vuetify/dist/vuetify.min.css' </style>

Est-ce la façon correcte ou seulement? car il ne semble pas fiable lors de l'utilisation de plusieurs composants de l'interface utilisateur.

Answer 1

Vous pouvez importer dans yout main.js

import 'vuetify/dist/vuetify.min.css' 

pour que cela vous devriez avoir travailler css-loader en vous webpack config

Dans votre webpack

module: { 
    loaders: [ 
    { test: /\.css$/, loader: "css-loader" } 
    ] 
} 

OU

Dans votre composant App.vue ajouter deux balises de style, l'un pour les styles globaux comme App.vue est le point d'entrée et d'autres pour les styles scope si vous avez le attribute.See scope src imports.

<style src='vuetify/dist/vuetify.min.css'> 
    /* global styles */ 
</style> 

<style scoped> 
    /* local styles */ 
</style> 

Answer 2

Je pense que vous devez créer un projet et importer vuetify css comme celui-ci

import 'vuetify/dist/vuetify.min.css';