Внешний sass-файл Next.js с не компилируется - PullRequest
0 голосов
/ 01 октября 2019

Я использую sass с Next.js и пакет npm flag-icon-css, который содержит некоторые SVG. Импортировать sass-файлы этого npm-пакета в мой main.scss файл следующим образом:

main.scss:

@import '~flag-icon-css/sass/variables';
@import '~flag-icon-css/sass/flag-icon-base';
@import '~flag-icon-css/sass/flag-icon-list';

main.scss файл импортируется в pages/index.js file, но почему Next.js не компилируется, он застрял в

> Ready on http://localhost:3000

, также не экспортирующем SVG в каталог .next. Мой конфигурационный файл:

next.config.js:

const withSass = require('@zeit/next-sass');
module.exports = withSass({
    webpack(config, options) {
        config.module.rules.push(
            {
                test: /\.(svg)$/i,
                use: {
                    loader: 'file-loader',
                    options: {
                        name: '[name].[ext]',
                    }
                }
            });
        return config;
    }
});
...