У меня есть приложение Angular 7, созданное с использованием начального набора, называемого ASPNet Core Angular Universal , и я хотел бы использовать файлы SCSS из нескольких узловых модулей (Bootstrap, Font Awesome и MDBootstrap.) Я попытался импортировать их в один файл scss, используемый в app.component, например:
@import '~font-awesome/scss/font-awesome.scss';
@import '~angular-bootstrap-md/scss/bootstrap/bootstrap.scss';
@import '~angular-bootstrap-md/scss/mdb-free.scss';
Но я получаю ошибки во время сборки:
ОШИБКА в ./ClientApp/app/app.component.scss
(./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js!./ClientApp/app/app.component.scss ) Модуль не найден: ошибка: невозможно разрешить '../img/svg/arrow_right.svg' в
'...'
Я пытался добавить resol-url-loader в webpack.addition.js, но это не сработало:
const sharedModuleRules = [
// sass
{
test: /.scss$/,
loaders: ['to-string-loader', 'css-loader', 'resolve-url-loader', 'sass-loader']
},
// font-awesome
{ test: /.(woff2?|ttf|eot|svg)$/, loader: 'url-loader?limit=10000' }
];