Vue.js樣式表資源

Question

我最近發現了Vue.js. 我使用它與單個文件組件體系結構，我注意到我的所有組件的樣式都加載在頁面中（即使那些不活動）。

有沒有辦法只加載當前組件的CSS，並避免代碼重複？

Answer 1

可以使用scoped屬性使樣式僅適用於當前元素：

<style scoped> 
    .class{ 
    //will only apply to this component 
    } 
</style> 

Answer 2

的WebPack將concat and minify所有源（即使是局部的）。

將CSS跨所有組件提取到一個文件中並用cssnano進行縮小。

我真的沒有看到您需要將CSS分割爲單獨文件的用例。