Sass作为一种成熟、稳定、功能强大的css扩展语言,让越来越多的前端工程师喜欢。下面介绍如何使用vue项目
萨斯被引入。
首先,在项目文件夹中执行命令npm install vue-cli -g来安装vue-cli支架。如果已经安装,则无需再次安装。
跳过这一步。然后执行命令行vue init webpack mypro(注意:mypro是项目名称)。
接下来,使用以下命令行安装Sass依赖包:
npm安装sass-loader - save-devnpm安装节点-sass - save-dev
执行完成后,找到构建文件夹,并在文件夹中的webpack.base.conf.js中修改以下配置:
在模块下的规则中添加配置:
最后,是时候应用了,只需设置lang=' scss '
这不是很容易吗?
以上就是vue项目中介绍的所有Sass的知识点。谢谢你的支持。