nextjs使用scss或less_next.js less

next默认只支持css,要想支持scss或less则需要一些配置

1. 安装资源

• npm install --save @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sass
• npm install --save @zeit/next-less less 或者 yarn add @zeit/next-less less

2. 在next.config.js中配置

// css跟less 并存使用
const withCSS = require('@zeit/next-css')
const withLess = require('@zeit/next-less')
module.exports = withLess(withCSS({}))
1
2
3
4

// css跟scss 并存使用
const withSass = require('@zeit/next-sass')
const withLess = require('@zeit/next-less')
module.exports = withSass(withCSS({}))
1
2
3
4

// scss或less 单独使用
const withSass = require('@zeit/next-sass')
// const withLess = require('@zeit/next-less')

module.exports = withSass()
// module.exports = withLess()
1
2
3
4
5
6