專案使用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錯誤依舊
在test/unit/index.js中有如下語句
const srcContext = require.context('../../src', true, /^./(?!main(.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, /^./(style$)/)改為
問題解決
應該是karma為了測試程式碼的覆蓋率，原本載入了除main.js的所有文件，我改為把style去除🎜