宝哥软件园

在vue项目中引入Sass实例方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

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的知识点。谢谢你的支持。

更多资讯
游戏推荐
更多+