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'

就完成了!!!!!!

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

猜你喜欢

转载自blog.csdn.net/wwwxrlbjcom/article/details/80556906
dva
今日推荐