javascript - Exemple de code officiel de vue, lors du traitement des fichiers scss pendant les tests unitaires, une erreur est signalée

Question

Le projet est généré à l'aide de vue init webpack my-project, qui est le modèle vue webpack

Ajoutez le package scss de bootstrap
Ajoutez
import './style/bootstrap.scss';

au fichier main.js

npm run dev et npm run build sont tous deux normaux

Mais l'unité d'exécution npm signale une erreur et de nombreuses erreurs apparaissent, similaires à
font-size: $font-size-small;

        ^
  Undefined variable: "$font-size-small".

Erreur

Très perplexe :
1. Pourquoi le test unitaire signale-t-il à lui seul une erreur ? 2. Essayez de supprimer l'importation ajoutée './style/bootstrap.scss' dans main.js. style, mais npm run unit L'erreur persiste

Answer 1

Il y a les instructions suivantes dans test/unit/index.js
// nécessitent tous les fichiers src à l'exception de main.js pour la couverture.
// vous pouvez également modifier cela pour qu'il corresponde uniquement au sous-ensemble des fichiers pour lesquels
// vous souhaitez une couverture.
const srcContext = require.context('../../src', true, /^./(?!main(.js)? $ )/)

Changé en
const srcContext = require.context('../../src', true, /^./(style$)/)

Résolution de problèmes

Il faudrait que karma ait initialement chargé tous les fichiers sauf main.js afin de tester la couverture du code que j'ai modifié pour supprimer le style

.