Vue-cli 4.x 中的全局样式配置

在Vue-cli 4.x 中配置样式

在使用vue-cli 4.x搭建项目完毕后,你可以选择在项目目录下创建"style"文件夹,在里面创建scss文件来作为全局可用的样式文件.

---

为什么要配置全局样式

其实也可以选择不创建全局样式文件,如果你愿意每创建一个页面都在它目录下的独有scss文件中重新规定它的所有样式…

所以建立它吧,这会让你省下那些重复的工作.

---

一、插件准备

你需要安装3个插件: dart-sass & sass-resources-loader & sass-loader
安装dart-sass & sassresource-loader

npm install sass sass-loader -D
//这个指令会安装dart-sass和sass-loader;
//node-sass安装中经常出现各种问题;
//性能也比不上dart-sass,在2020年末被替代;

安装sass-resources-loader

npm i sass