javascript - vue官方範例程式碼，在單元測試時，處理scss檔報錯

Question

專案使用vue init webpack my-project產生,也就是vue webpack模板

加入bootstrap的scss套件
在main.js檔案中加入
import './style/bootstrap.scss';

npm run dev 和npm run build 皆正常

#但是 npm run unit 時報錯，出來一大堆類似
font-size: $font-size-small;

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

的錯誤

很不解：
1是為何單單unit test報錯
2嘗試在main.js中去除加入的import './style/bootstrap.scss';，npm run dev出來的頁面沒有樣式了，但是npm run unit錯誤依舊

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 for match only the subset of files that
/// you woverage for/age .

const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

改為

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

問題解決

應該是karma為了測試程式碼的覆蓋率，原本載入了除main.js的所有文件，我改為把style去除🎜