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

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

4 голосов
/ 12 февраля 2020

Я хотел бы использовать 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 (из моего фрагмента кода).

Может кто-нибудь помочь мне настроить следующие модули 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 Ответ

4 голосов
/ 12 февраля 2020

Вы можете использовать next-compose-plugins и комбинировать несколько следующих. 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 ... */
  },
);
...