鍍金池/ 問答/HTML/ vue 項目寫css放在同一個文件還是分散在各個單文件里寫好?

vue 項目寫css放在同一個文件還是分散在各個單文件里寫好?

vue 項目寫css放在同一個文件還是分散在各個單文件里寫好?項目采用的是sass。

考慮到項目合作，我現(xiàn)在的打算是 一個公用的scss文件（包含變量和mixin，%），各個單文件引入這個公用scss文件（多次引入這個scss文件也不會多次生成重復樣式），然后在各個單文件里寫樣式。請問這樣可以嗎？有更好的建議嗎？謝謝！

回答
編輯回答
膽怯

個人習慣：一般的中小組件、有可能到處被調用的、css代碼量不多的，就基本把template/js/css寫在一個.vue文件里。

2017年12月9日 14:32
編輯回答
不討囍

因為webpack有插件會把vue文件里的css單獨成一個個的<style></style>，所以我從此只寫在css文件中（盡管后來我會配置webpack的相關插件了）。至于是分開幾個css文件還是寫在一個文件里，問題倒不大，不過考慮到維護，找起來方便，可以考慮劃分成若干個。

2017年3月24日 12:45
編輯回答
真難過

看項目情況。如果樣式文件太長，建議分開成獨立文件。不多就放在同一個文件。

2017年12月12日 05:41
編輯回答
舊螢火

程序規(guī)模小->單一文件
程序規(guī)模大->多個文件

原因：當樣式文件超過200行時，您就慢慢步入修仙模式了

2018年6月25日 05:57