Использование среды Susy Scss в приложении Mean-stack

Question

Итак, я только что обнаружил платформу susy для улучшения своих scss-файлов и хотел бы использовать ее в своем MEAN-приложении. Я прочитал документы и следовал инструкциям. Однако я не могу использовать его внутри моего файла scss. Я выполнил следующие шаги:

1. установить Susy: npm установить Susy

2. Убедитесь, что установлен sass-загрузчик: npm установить sass-загрузчик --save-dev

3. Загрузчик Sass включен в конфигурации webpack (webpack.confif.common.js):

   module.exports = { запись: { 'app': './assets/app/main.ts' },

   resolve: {
       extensions: ['.js', '.ts']
   },
   
   module: {
       rules: [
           {
               test: /\.html$/,
               use: [{ loader: 'html-loader' }]
           },
           {
               test: /\.css$/,
               use: [{ loader: 'raw-loader' }]
           },
           {
               test: /\.scss$/,
               use: ['style-loader', 'css-loader', 'sass-loader']
           }
       ],
       exprContextCritical: false
   
   }
   

   };

4. Импорт susy в моем app.component.scss: на веб-сайте указано, что я должен использовать @import "~susy/sass/susy";, но это дало мне ошибку, поэтому я добавил относительный путь: @import "../../node_modules/susy/sass/susy";

Вот так выглядит мой файл app.component.scss:

@import "SCSS variables/theme-colors";
@import "../../node_modules/susy/sass/susy";


$susy: (
        columns: 16,
        debug: (image: show),
        global-box-sizing: border-sizing
);

$medium-screen: 720px;
$link-color: #330000;

a {
  color: $link-color;

  &:hover {
    color: lighten($link-color, 25%);
  }
}

.container {
  @include container();
}

** это ошибка, которую я получаю **

cmd.exe / D / C вызов C: /Ruby25-x64/bin/scss.bat --no-cache --update app.component.scss: app.component.css ошибка app.component.scss (строка 23: неопределенный mixin 'container'.)

Процесс завершен с кодом выхода 1

Может кто-нибудь увидеть, что я мог сделать неправильно?