第一步:
安装sass
npm install --save @zeit/next-sass node-sass
第二步:
在项目根目录添加 next.config.js 文件,用于指示Next加载对用的功能:
const withSass = require('@zeit/next-sass')
module.exports = withSass()
第三步:
在 pages/my 下新建 my.sass
写入
h2
color: red
第四步:
pages/my/my.js 引入 my.sass
import Link from 'next/link'
import './my.sass'
const my = () => (
<div>
<h2>Welcome to my!</h2>
<Link href="/">
<a>to Index</a>
</Link>
</div>
)
export default my
第五步:
查看效果