首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue.js样式表资源

Vue.js样式表资源
EN

Stack Overflow用户
提问于 2016-03-09 01:21:41
回答 2查看 496关注 0票数 2

我最近发现了Vue.js。我在单文件组件架构中使用它,我注意到我所有组件的样式都加载到了页面中(即使是那些非活动的)。

有没有办法只加载当前组件的CSS,并避免代码重复?

EN

回答 2

Stack Overflow用户

发布于 2016-03-09 01:24:58

可以使用scoped属性使样式仅应用于当前元素:

代码语言:javascript
运行
复制
<style scoped>
  .class{
    //will only apply to this component
  }
</style>
票数 1
EN

Stack Overflow用户

发布于 2016-03-09 01:57:59

Webpack将concat and minify你所有的源代码(即使它们是作用域)。

cssnano跨所有组件的CSS,提取到单个文件中,并使用

缩小。

我真的不认为你需要把你的CSS分成几个单独的文件。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35873871

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档