Sass(英文全名:synthetically awesome样式表)是一种级联样式表语言,最初由汉普顿卡特林设计,娜塔莉韦森鲍姆开发。在开发了初始版本之后,Weizenbaum和Chris Eppstein继续通过SassScript扩展了Sass的功能。SassScript是Sass文件中使用的一种小型脚本语言。
使用sass可以使我们的风格代码更加简洁易读
首先,在我们创建了vue项目之后,
尝试在项目中使用sass语法
运行后,我发现我报告了一个错误
在使用scss之前,我们需要先安装相关的插件
NPM安装sass-save-dev NPM安装node-sass-save-dev NPM安装sass-loader-save-dev在这里,为了安装更快,我用了淘宝镜像cnpm
在构建目录中找到webpack.base.conf.js文件
添加一个加载器来解释模块中的scss文件。文件模块中的规则。导出
{ test: /。scss$/,loader: 'sass-loader!风格加载器!此时,运行项目
我们可以发现sass语法是可以编译的
摘要
以上就是边肖介绍的vue项目中使用sass语法的问题。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!