Как объединить и использовать несколько плагинов Next.js

Я хотел бы использовать css и scss в приложении next.js

У меня есть next.config.js в моем проекте.

Эта конфигурация для scss :

// next.config.js
const withSass = require('@zeit/next-sass');

module.exports = withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
})

Я не знаю, как объединить const withCSS = require('@zeit/next-css'); с моим текущим конфигом.

Я хотел бы использовать пользовательский scss для scss (из моего фрагмента кода).

Может кто-нибудь помочь мне настроить следующий для модулей css и scss ?

Я старался:

// // next.config.js
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

module.exports = withCSS(withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
}))

Не работает...

Всего 1 ответ


Вы можете использовать next-compose-plugins и объединить несколько плагинов next.js следующим образом:

// next.config.js
const withPlugins = require('next-compose-plugins');
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

module.exports = withPlugins(
  [
    [withSass, { /* plugin config here ... */ }],
    [withCSS,  { /* plugin config here ... */ }],
  ],
  {
    /* global config here ... */
  },
);

Есть идеи?

10000