How create css chunks for pages and dynamic components?

[pogran]

In my app create only one chunk where I have all styles from my app

how do I can create a lot of chunks?

[M1ck0]

What system are you using to style your app (CSS-in-JS, modules...)

[pogran]

I use scss , this my next config

const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
const withImages = require('next-images');
const withFonts = require('next-fonts');
const withSass = require('@zeit/next-sass');
const withBundleAnalyzer = require('@next/bundle-analyzer')({
    enabled: process.env.ANALYZE === 'true',
});  
const localeSubpaths = {};

const nextConfig = withSass(withImages(withFonts({
    cssModules: false,
    webpack(config) {
        config.plugins.push(new LodashModuleReplacementPlugin);
        config.resolve.modules.push(__dirname);

        return config;
    },
})));

module.exports =  withBundleAnalyzer(nextConfig);

[pogran]

@M1ck0 any ideas?