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同级