我最近发现了Vue.js。我在单文件组件架构中使用它,我注意到我所有组件的样式都加载到了页面中(即使是那些非活动的)。
有没有办法只加载当前组件的CSS,并避免代码重复?
发布于 2016-03-09 01:24:58
可以使用scoped
属性使样式仅应用于当前元素:
<style scoped>
.class{
//will only apply to this component
}
</style>
发布于 2016-03-09 01:57:59
Webpack将concat and minify你所有的源代码(即使它们是作用域)。
cssnano跨所有组件的CSS,提取到单个文件中,并使用
缩小。
我真的不认为你需要把你的CSS分成几个单独的文件。
https://stackoverflow.com/questions/35873871
复制相似问题