vue本地开发中css样式为什么不能以link的形式插入？

Question

我见到在开发时css都是以style行是插入到head中的，network中也看不到。但是线上都是link的形式，开发时不能以link形式插入吗？

Answer 1

用脚手架搭建的项目写的代码都是在.vue后缀的文件，事实上.vue是vue-cli自定义的一种文件后缀，在你写完代码后，自动打包时vue脚手架会找到style标签提取里面的内容，然后放到一个单独的css文件，其他部分则是编译成js代码保存起来，然后在新生成的html中加入js和css路径