next.js中引入sass

第一步:

安装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
  

next.js中引入sass_第1张图片

第四步: 

pages/my/my.js  引入  my.sass 

import Link from 'next/link'
import './my.sass'
const my = () => (
  

Welcome to my!

to Index
) export default my

第五步: 

查看效果

next.js中引入sass_第2张图片

你可能感兴趣的:(next,个人总结)