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,要想支持scss或less则需要一些配置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。