vue.js - 关于vue组件index文件引入样式的问题？

问题描述

问 题

以上是我某组件文件组织方式，目前我把之前写好的组件迁移到另外一个项目里，但发现组件内的样式webpack都没有打包引入，控制台并没报错，最后发现把<style lang="sass">@import "./Grids";</style>放到Grids.vue或者Grid.vue文件里就能引入到样式，但我之前一直都是在index.vue内引入都没发生问题。

目前猜测可是另外的项目更新了vue-loader导致，因为目前我写的组件同一组件可能会有不同的功能，但样式是一样的或者是共用的，所以希望在index.vue中统一引入。 请问有什么办法能解决这问题？

解决方案

发现确实是vue-loader升级所致，把vue-loader降级到^10.3.0 问题就决解了。最后想问一下，目前vue官方是不支持这样组织vue组件？

这篇关于vue.js - 关于vue组件index文件引入样式的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！