nextjs 配置合并模块导出

Question

我想要这两个模块导出，谁能告诉我如何合并：

const path = require("path");
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');


module.exports = {
target: "serverless",
webpack(config) {
config.resolve.modules.push(path.resolve("./"));
return config;
}
};

module.exports = withCSS(withSass());

尝试了 stackoverflow 上描述的多种方法，不幸的是我自己的想法没有奏效。第一个模块用于绝对路径，第二个模块用于引导。如果您对如何更轻松地获得结果有一般性建议，我将不胜感激。

Answer 1

试试这个方法：

const withPlugins = require('next-compose-plugins');
const withCss = require('@zeit/next-css');
const withSass = require('@zeit/next-sass');
const withImages = require('next-images');

const nextConfig = {
    ... // webpack configs if you have
    return config;
  },
};

module.exports = withPlugins(
  [
    [withImages],
    [withCss],
    [
      withSass, // if you have other options go this way
      {
        cssModules: true,
        cssLoaderOptions: {
          localIdentName: '[path]___[local]___[hash:base64:5]',
        },
      },
    ],
  ],
  nextConfig,
);