nextjs12.x 集成 less

12.x安装

yarn add  less less-loader next-with-less --save

在next.config.js配置支持less

const withLess = require("next-with-less");
module.exports = withLess({
})

---

其他低版本安装

yarn add @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sass
yarn add @zeit/next-less less 或者 yarn add @zeit/next-less less

在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()