React.js - dva 麻烦的sass 引入步骤

如果你也很不爽官方对于sass 的issue …

最近因为熟悉hyperapp后,

因为专案的需要而回头使用以前的dvajs/dva框架,

真的觉得先熟悉hyperapp 是对的,

再回来看看会发现更好懂呢 ~

一、前言
因为没有sass、scss真的很难写css样式,

都得要写成一拖拉库,不能写成巢状。

为了在dva 内使用scss,搞了一堆时间,

对于官方的态度,更是不爽(*  ̄︿ ̄),

一堆issue,回答的却没能帮助到。

例如:sass配置为什么引入的时候还是报错没有配置#1440

结果只有这样回应:
这里写图片描述
然后点进去 roadhog#sass看也只有这样说明:
这里写图片描述
!!!,根本把问题丢回给node-sass - sass/node-sass#options

二、作法
研究了好久,终于猜出,roadhog原本就把less包进去,

所以可以很自然地使用。

原理其实就是扫描node-modules 的时候会包进去:

所以只要一行就可以解决:

npm install node-sass sass-loader --save

不需要修改本地任何档案的配置
不需要新增任何指令
安装时请双手放空

安装完后,只要把副档名改成.scss

然后引入的时候改成scss 就可:

import './index.scss'
import styles from './IndexPage.scss'

就完成了!!!!!!

他喵的为什么官方不补上去说明?

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值