Я использую 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;
}
});