Невозможно использовать миксины Susy в моем проекте

Я перемещаю существующий код в новую конфигурацию на основе webpack+postCSS.

Я использую компас и Susy.

Нет проблем с примесями компаса. Однако с susy я не могу использовать миксины. например, если я попытаюсь использовать миксин контейнера, я получу следующую ошибку:

No mixin named container

Я понятия не имею, что вызывает эту проблему. У меня нет компаса.

Это моя текущая ситуация:

/* style.scss */

@import "compass";
@import "~susy/sass/susy";
.nav{
  @include container(300px);
  border: 1px solid;
}

/* webpack.config.js */

{ test: /\.s(a|c)ss$/,
        use: [
          'babel-loader', 'raw-loader', 'postcss-loader',
          { loader: 'sass-loader',
            options: {
              includePaths: ['node_modules', 'node_modules/compass-mixins/*']
                .map((d) => path.join(__dirname, d))
                .map((g) => glob.sync(g))
                .reduce((a, c) => a.concat(c), [])
            }
          }
        ]
      }

/* postcss.config.js */

module.exports =  {
  plugins: [
    require('postcss-easy-import')({prefix: '_',extensions:['.css','.scss']}),
    require('autoprefixer')(),
  ]
}

Спасибо за помощь


sass postcss webpack-2 susy
person user8272438    schedule 09.07.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Какую версию Susy вы используете?

В Susy 3.0 удалены все примеси и есть другие важные изменения. Вы можете прочитать больше в обновленных справочных документах или в вступительная статья.

person Miriam Suzanne    schedule 09.07.2017
comment
Эй, спасибо. Вот и все. Я понял, что с тех пор использую старую версию susy, а затем я переместил свой проект в новую конфигурацию и скачал susy 3.0 wiyhout, зная, что все примеси отсутствуют. Получил это сейчас. Большое спасибо - person user8272438; 09.07.2017

arrow_upward
1
arrow_downward

эта проблема связана с версией susy, которую вы используете. mixin взят из susy 2 и удален из susy 3.

Если вы установили susy через npm. вам нужно изменить версию susy в файле package.json на susy: ‹3.0.0, затем выполнить эту команду: npm install susy.

person behnaz.sheikhi    schedule 27.12.2020