在next.js中使用css和sass模块

Question

我想在css app中使用scss和next.js。>

我的项目中有next.config.js。

此配置用于scss：

// // next.config.js
const withSass = require('@zeit/next-sass');

module.exports = withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
})
我不知道如何将const withCSS = require('@zeit/next-css');与当前配置结合在一起。

我想对scss使用自定义配置（来自我的代码片段）。

有人可以帮我为css和scss模块进行下一步配置吗？

我尝试过：

// // next.config.js
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

module.exports = withCSS(withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
}))
不起作用...

我想在next.jsapp中使用CSS和CSS。我的项目中有next.config.js。该配置适用于scss：// // next.config.js const withSass = require（'@ zeit / next-sass'）;模块......

Answer 1

您可以使用next-compose-plugins并按如下所示组合多个next.js插件：