Comment résoudre le problème du rapport d'erreurs lors de l'introduction de CSS dans vuejs

Solutions pour introduire des rapports d'erreurs CSS dans vuejs : 1. Remplissez les dépendances d'analyse 2. Introduisez les fichiers CSS externes dans main.js ;

L'environnement d'exploitation de cet article : système windows7, vue version 2.5.17, ordinateur DELL G3.

Comment résoudre le problème de l'introduction d'une erreur CSS dans vuejs ? Quelques pièges de VueJS introduisant des fichiers CSS ou moins

Lorsque nous faisons Vue+webpack, il est inévitable que nous introduisions divers fichiers publics de style CSS, alors comment les introduire ? Quels sont les pièges lors de son introduction ?

Tout d'abord, lors de l'introduction des styles publics, nous utilisons la méthode AMD dans "main.js", c'est-à-dire

require('./assets/stylus/index.styl');
或者：
import './assets/stylus/index.styl'

À ce moment, nous lancerons une erreur car nous n'avons pas écrit la dépendance d'analyse, et webpack le fait Je ne sais pas comment. Analyse

À ce stade, nous devons remplir les dépendances,

import '!style-loader!css-loader!stylus-loader!./assets/stylus/index.styl'

Ensuite, tout ira bien, ou vous pouvez commencer à introduire les fichiers CSS

Bien sûr, avant de procéder aux étapes ci-dessus, vous devez installer plusieurs chargeurs ==>gt;>

npm install style-loader --save-dev
npm install css-loader --save-dev
npm install stylus-loader --save-dev

En même temps, dans webpack.base.config.js ====>> >

Vous pouvez maintenant présenter le fichier CSS

Ci-joint quelques diagrammes :

1===》Introduire les fichiers CSS externes ; dans main.js :

2 ===》Introduire des fichiers CSS externes dans APP.Vue :

Recommandations associées : "tutoriel vue.js" "Le dernier didacticiel vidéo 5 vue.js sélections"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!