美文网首页
Vue中引入sass

Vue中引入sass

作者: 贫僧夜夜闯青楼 | 来源:发表于2018-03-26 10:18 被阅读0次

前端小菜鸟,准备实战搞搞app,本节就记录下,vue2.0中怎么引入sass以及通过sass将px转化为rem吧!

1、进入项目(cd)

2、安装sass的依赖包

     npm install --save-dev sass-loader

     npm install --save-dev node-sass

3、进入build文件,在webpack.base.config.js中module.rules配置

4、修改components目录中的Hello.vue文件的style标签

好好看看这个图片内容哦

5、来来来。重点来了,不知道你细心吗?我是通过@function中rem转px方法将px转为rem具体操作请看上图吧!

(注:一般都会引入自己封装好的sass文件,这里我曾遇到的小bug:在<style>@import '../assets/sass.scss';</style>引入时一定加分号)

相关文章

网友评论

      本文标题:Vue中引入sass

      本文链接:https://www.haomeiwen.com/subject/fdipfftx.html