NextJS config file module exports set up

Question

I have looked into other answer that the way to add multiple plugins into next.js config fil is to use composition. However this is not working for me.

const Dotenv = require('dotenv-webpack');
const withStyles = require('@webdeb/next-styles');


module.exports = withStyles(
  {
    webpack(config, options) {
      config.plugins.push(new Dotenv({ silent: true }));
      return config;
    },
    env: {
      NEXT_PUBLIC_BACKEND_HOST: process.env.NEXT_PUBLIC_BACKEND_HOST,
      AUTH_SECRET: process.env.AUTH_SECRET,
    },
  },
  {
    sass: true, // use .scss files
    modules: true, // style.(m|module).css & style.(m|module).scss for module files
  },
);

The above throws an error when I try to import my SCSS file into my component.

However having just

module.exports = withStyles(
{
  sass: true, // use .scss files
  modules: true, // style.(m|module).css & style.(m|module).scss for module files
},
);

Works fine and load my CSS correctly

topched · Accepted Answer · 2020-06-02 18:02:22Z

1

withStyles only accepts 1 object, in your non-working config you have 2. You want something like the following

const Dotenv = require('dotenv-webpack');
const withStyles = require('@webdeb/next-styles');


module.exports = withStyles(
  {
    webpack(config, options) {
      config.plugins.push(new Dotenv({ silent: true }));
      return config;
    },
    env: {
      NEXT_PUBLIC_BACKEND_HOST: process.env.NEXT_PUBLIC_BACKEND_HOST,
      AUTH_SECRET: process.env.AUTH_SECRET,
    },
    sass: true, // use .scss files
    modules: true, // style.(m|module).css & style.(m|module).scss for module files
  },
);

answered Jun 2, 2020 at 18:02

topched

7753 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NextJS config file module exports set up

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related