nextjs使用scss或lessnext默认只支持css,要想支持scss或less则需要一些配置

74 阅读 0 评论 49 点赞

我是靠谱客的博主炙热钢笔，这篇文章主要介绍nextjs使用scss或lessnext默认只支持css,要想支持scss或less则需要一些配置，现在分享给大家，希望可以做个参考。

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

安装资源

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

在next.config.js中配置

复制代码

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

复制代码

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

复制代码

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