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({}))

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

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

最后

以上就是精明星星最近收集整理的关于nextjs使用scss或lessnext默认只支持css,要想支持scss或less则需要一些配置的全部内容，更多相关nextjs使用scss或lessnext默认只支持css内容请搜索靠谱客的其他文章。