热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue架手架开发使用sass

vue默认采用的是原生的css,如果想要使用css预编译工具,比如sass,需要下载对应的scss的loader,具体是1npminstall--save-devsass-loa

vue默认采用的是原生的css,如果想要使用css预编译工具,比如sass,需要下载对应的scss的loader,

具体是

1 npm install --save-dev sass-loader
2 npm install --save-dev node-sass

之后在vue脚手架的webpack.base.conf.js文件下,加入对应的代码

{
         test: /\.scss$/,
         loaders: ["style", "css", "sass"]
       }

就是对.scss文件的处理。

而vue文件中,想要直接在style中写代码,需要给style加上 lang=“scss” 属性。

这样就可以直接在vue文件中写sass的css预编译代码了。


推荐阅读
author-avatar
x深藏的爱x_402
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有