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

Question

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

Answer 1

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