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 coverage for.
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

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

问题解决

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