–[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 条评论
登录 后参与评论

相关文章

来自专栏技术博文

sublime Text3

sublime Text3实用功能和常用快捷键 PS:ST3在Mac OX与Windows不同平台下的快捷键差别很大。下面是针对windows平台的解说。 1....

29211
来自专栏Java后端技术

Target runtime Apache Tomcat v6.0 is not defined.错误解决方法

  最近在使用本地的tomcat进行运行项目的时候,发现出现了如题所述的问题。不知道什么原因,经过努力解决了该问题。

701
来自专栏赵俊的Java专栏

Hexo优化 --- 添加复制功能

6341
来自专栏ArrayZoneYour的专栏

借助Babel 7和Webpack构建React Toolchain

React不是完全开箱即用的。它使用了一些最近node才支持的关键字和语法(在本教程中我使用了v 9.3.0版本)。因此需要一些很麻烦的设置,但是Faceboo...

2464
来自专栏iOS开发攻城狮的集散地

Xcode炫酷插件

1733
来自专栏Java成神之路

Chrome_01_点击 Google搜索结果在新的页面打开

Chrome浏览器中,通过 Ctrl + 左键 ,是在新标签中打开的,通过 Shift + 左键 ,是在新窗口中打开的。

4232
来自专栏九彩拼盘的叨叨叨

学习前端 第5周 第5天

1012
来自专栏Python小屋

Python批量导入图片生成PowerPoint 2007+文件

使用方法:安装扩展库python-pptx,然后把上文中抓取的图片和本程序放在同一个文件夹。 import os import pptx from pptx.u...

2723
来自专栏SHERlocked93的前端小站

JS 回调模式

如果有个模块 findeNodes() ,任务是找到期望的 DOM 元素并使用 hide() 处理:

911
来自专栏Jerry的SAP技术分享

微信小程序开发系列七:微信小程序的页面跳转

这个系列教程的前六篇文章我们都在单个的视图上操作。现在让我们创建第二个视图,然后实现从第一个视图到第二个视图的跳转。

1742

扫码关注云+社区