nextjs使用scss或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
  1. 在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()
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。