Vue中引入sass

2018-03-26  本文已影响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>引入时一定加分号)

上一篇 下一篇

猜你喜欢

热点阅读