next.config.js中的导出模块

Question

请我如何结合这两个并导出

module.exports = withCSS(withImages())

module.exports = {
  publicRuntimeConfig: {
    API_URL: 'api_url'
  },
}

Answer 1

module.exports = {
  withCSS: functionToReturn(),
  publicRuntimeConfig: {
    API_URL: 'api_url'
  },
}

您可以拥有一个withCSS对象键，该键可以返回您想要的功能。

Answer 2

只需将它们放到最终对象中即可：

module.exports = {
  publicRuntimeConfig: {
    API_URL: 'api_url'
  },
  myCSS: withCSS(withImages())
}

您现在只需在导入的变量旁边添加“ .myCSS”即可访问第二个元素

Answer 3

如here所述。您先传递插件，然后传递配置。

module.exports = withCSS(withImages({
    publicRuntimeConfig: {
        API_URL: 'api_url'
    },
}));

编辑：Example Usage。

Answer 4

您可以使用next-compose-plugins库在config.next.js文件中添加多个插件：

const withPlugins = require('next-compose-plugins');
const sass = require('@zeit/next-sass');

module.exports = withPlugins([
  [sass],
]);