CODEWITHSUNDEEP
reactjsnext.js
its_tayo
its_tayo

Reputation: 1294

Export Module in next.config.js

please how do I combine these 2 and export

module.exports = withCSS(withImages())

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

Upvotes: 7

Views: 17379

Answers (4)

Sultan H.
Sultan H.

Reputation: 2938

You can expose it as a part of your configuration by attaching a property withCSS to the exported config object.

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

Upvotes: 1

GorvGoyl
GorvGoyl

Reputation: 49220

You can use next-compose-plugins library to add multiple plugins in config.next.js file:

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

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

Upvotes: 1

Dexter
Dexter

Reputation: 173

As documented here. You pass your plugins, and then the config.

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

Edit: Example Usage.

Upvotes: 3

Treycos
Treycos

Reputation: 7492

Simply put them together in your final object :

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

You now just have to add '.myCSS' next to you imported variable to access the second element

Upvotes: 1

Related Questions