css相关提升页面渲染速度

使用vue的过程一直在试错跟优化，今天就发现自己使用的一个坑，关于css引入的

以前的写法是在assets/css/下面建一个app.scss文件，用于引入所有assets/css/下的所有样式文件

然后再app.vue中引入：

@import '@/assets/css/app.scss';

一开始以为这样的方式还是比较方便的，知道今天看了一篇文章，才发现是不是只为了方便，忽略了速度

文章内容是这样的：

避免使用@import来包含多个样式表

使用@import，我们可以在一个样式表中包含另一个样式表，当我们再处理一个大型项目时，使用@import会让代码更简洁。

关于@import的一个关键事实是，它是一个阻塞调用，因为它必须发起一个网络请求来获取这个文件，解析它，然后将它包含在样式表中

如果我们再样式表中有嵌套的@import，它会妨碍渲染性能

与其使用@import，我们还不如使用多个连接link实现相同的功能且具有更好的性能，因为它允许并行下载样式表