项目使用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中有如下语句
// 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去除