–[New] Vue中使用Sass

[New] Vue中使用Sass

安装依赖

12

cnpm install --save-dev sass-loadercnpm install --save-dev node-sass

在build文件夹下的webpack.base.conf.js的rules里面添加配置

1234

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

.vue中修改style标签

1

<style lang="sass"> or <style lang="scss">

漂亮完成

谢邀退场,有事私信call我

ps: postcss-px2rem在vue-cli中,为什么.vue页面内的样式可以转变,@import ‘.css’样式却不能转变?

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏赵俊的Java专栏

Hexo搭建 --- 2、Hexo主题安装与配置

2174
来自专栏Youngxj

Win10修改登录界面背景图

1372
来自专栏移动端周边技术扩展

Axios跨域处理方案

生产与开发环境都配置完成了,开发环境可直接进行跨域请求,生产环境还需要后端进行配合处理

652
来自专栏木子墨的前端日常

mac使用指南--软件安装部分

最近因为开发需要,换了个mac,发现和Windows下面的操作和习惯真是千差万别啊,在这里记录一下,有需要的也可以参考一下。

824
来自专栏程序员的SOD蜜

64位系统使用Access 数据库文件的彻底解决方法

    最近,有PDF.NET用户问我怎么在64位系统下无法访问Access数据库的问题,我第一反应是我怎么没有遇到呢?今天一看自己的VS和Office都是32...

2895
来自专栏jessetalks

C#移动跨平台开发(1)环境准备

  C#依托于mono平台可以实现Unix平台服务器端开发已经不是什么新鲜事了,而Xarmain公司(初始成员大多来自原Mono、MonoTouch、Mono ...

2807
来自专栏DannyHoo的专栏

pch文件的使用

在Xcode6之前,创建一个新工程xcode会在Supporting files文件夹下面自动创建一个“工程名-Prefix.pch”文件,也是一个头文件,p...

865
来自专栏魏艾斯博客www.vpsss.net

如何下载安装使用 SSH 软件

1515
来自专栏友弟技术工作室

iPic - MAC图床神器上传方式图床iPic 菜单iPic Mover

原文 ? 有了图床神器 iPic,不论屏幕截图、还是复制图片,都可以自动上传、保存 Markdown 格式的链接,直接粘贴插入,够懒人吧? 使用 Hexo | ...

3006
来自专栏编程

VS Code+Anaconda打造舒适的Python环境

最近一直在用Anaconda编写代码,但是呢感觉对于调试不太方便,另外Anaconda更偏向于数据分析,对于Python可能更对人偏向于PyChram,但是我的...

3388

扫码关注云+社区