Javascript - Offizieller Vue-Beispielcode. Bei der Verarbeitung von SCSS-Dateien während des Unit-Tests wird ein Fehler gemeldet

Question

Das Projekt wird mit vue init webpack my-project generiert, der Vue-Webpack-Vorlage

Scss-Paket von Bootstrap hinzufügen
Fügen Sie
import './style/bootstrap.scss';

zur Datei main.js hinzu

npm run dev und npm run build sind beide normal

Aber die npm-Run-Unit meldet einen Fehler und es treten viele Fehler auf, ähnlich wie bei
font-size: $font-size-small;

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

Fehler

Sehr verwirrt:
1. Warum meldet allein der Unit-Test einen Fehler? 2. Versuchen Sie, den hinzugefügten Import „./style/bootstrap.scss“ zu entfernen Stil, aber npm run unit Der Fehler bleibt bestehen

Answer 1

在test/unit/index.js中有如下语句
// require all src files except main.js for coverage.
// you can also change this to match only the subset of files that
// you want coverage for.
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

改为
const srcContext = require.context('../../src', true, /^./(style$)/)

问题解决

应该是karma为了测试代码的覆盖率，原本加载了除main.js的所有文件，我改为把style去除