Невозможно использовать SCSS с Storybook после построения Angular Library - PullRequest
Новая
       19

Невозможно использовать SCSS с Storybook после построения Angular Library

0 голосов
/ 21 февраля 2019

Я работаю над проектом, в котором мы создали библиотеку Angular с использованием Angular CLI.

Мы используем Storybook для тестирования компонентов.Я новичок, но нашел его относительно простым в настройке.Тем не менее, я изо всех сил пытаюсь заставить scss скомпилировать в css.Поэтому, когда я тестирую мою кнопку, она не отображает правильную CSS.

Я включил следующий файл в соответствии с документацией Storybook: 

const path = require("path");

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        loaders: ["style-loader", "css-loader", "sass-loader"],
        include: path.resolve(__dirname, "../")
      }
    ]
  }
};

Для дальнейшего контекста Я создаю библиотеку Angular, так что это означает отсутствие приложений.Для тестирования компонентов библиотеки я использую Storybook и SCSS.

Кто-нибудь видел этот тип проблемы раньше?Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 21 февраля 2019

Спасибо всем, кто взглянул на это.

Мы выяснили это в конце.Мы использовали enum в нашем файле компонента кнопки:

Изначально это было так: 

enum ButtonStyle {
  primary
  
}

Проблема с приведенным выше кодом состоит в том, что ему присваивается значение 0 первичному.Перечень выводится как сборник рассказов как сборник значений int, а не как его строковый.Так что SASS компилировалась нормально, просто не компилировала того, что мы ожидали.

Изменено это на: 

enum ButtonStyle {
  primary = "primary"
  
}
...