vue项目里引用了vue-progressbar， webpack 编译时总是报错

Question

vue项目引用了vue-progressbar 这个package webpack编译时总是报这个错误
ERROR in ./~/vue-progressbar/vue-progressbar.vue
Module parse failed: /Users/qimuyunduan/Desktop/project/pandatravel/node_modules/vue-progressbar/vue-progressbar.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <style>
| .__cov-progress {
| position: fixed;
@ ./~/vue-progressbar/vue-progressbar.es5.js 1:251-283
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:3001 ./src/main.js

Answer 1

You may need an appropriate loader to handle this file type.

需要指定css的处理loader，【css-loader】