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中配置
// 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()
