Vue项目中配置Sa能轻松搞定-yarn-使用混合在Vue组件中使用定义好的混合

Vue项目中配置Sass,小白也能轻松搞定!

一、安装Sass相关依赖

你得在Vue项目中安装Sass和Sass-loader。这俩货一个负责写样式,一个负责把写的样式转换成浏览器能理解的CSS。用npm或者yarn就能搞定。

二、配置Webpack

如果你用Vue CLI创建的项目,通常不需要手动配置Webpack,Vue CLI已经帮你搞定了。但如果你需要手动配置,就在项目根目录下找到相应的文件,进行一些简单的设置。

三、在Vue组件中使用Sass

配置好之后,你就可以在Vue组件里用Sass写样式了。只要在