javascript - vue-cli搭建的項目，怎麼把每個.vue組件中的css或less寫在外部？

Question

vue-cli的項目，不想把css直接寫在style裡，想寫在外部在引進來，是放在assets還是static資料夾中？
還有assets裡到底放啥文件？

#如圖這樣寫可以嗎，打包後會不會有影響？

Answer 1

類似VUE的現代框架都追求模組化，這樣寫沒毛病，每個.vue中單獨寫css沒問題。引入用import,不用src

<srcipt>
import 'xxx.css'
<script>

Answer 2

建議寫在assets裡面而不是static裡面，static更適合放置圖片等靜態內容，而不是你自己編碼的css，js檔案

Answer 3

建一個樣式資料夾，裡面寫樣式，然後引進去，至於資料夾寫在哪，你覺得怎麼方便怎麼來，建議和router同級