NextJs - next.config.js - CSS loader + custom Webpack config

Question

I'm working with NextJS and I'm trying to custom my configuration. So far, I have tried to add CSS support + files support.

Here my next.config.js :

const webpack = require("webpack");  
const withCSS = require('@zeit/next-css');


module.exports = withCSS({

  webpack : (config, { dev }) => {
    config.module.rules.push({
            test: [/\.svg$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
            loader: "file-loader",
            options: {
              name: "public/media/[name].[ext]",
              publicPath: url => url.replace(/public/, "")
            }
          });
    return config;
  } 
})

my console returns me :

UnhandledPromiseRejectionWarning: Error: Chunk.entrypoints: Use Chunks.addGroup instead

I can't figure out what fails.

If anybody have an hint, would be great,

Thanks

Nóra · Accepted Answer · 2018-12-16 18:22:37Z

2

Have you tried wrapping it in other ways? This might work (not 100%):

module.exports = (config, { dev }) =>{
config.module.rules.push({
        test: [/\.svg$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
        loader: "file-loader",
        options: {
          name: "public/media/[name].[ext]",
          publicPath: url => url.replace(/public/, "")
        }
      });
return withCss(config);

} }

Also there is a withImages wrapper, https://github.com/twopluszero/next-images

const withImages = require('next-images') 
module.exports = withImages(withCss())

answered Dec 16, 2018 at 18:22

Nóra

213 bronze badges

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

Collectives™ on Stack Overflow

NextJs - next.config.js - CSS loader + custom Webpack config

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