SCSS-загрузчик с webpack

Question

Как создать мой .scss с помощью webpack? Я могу найти меньше погрузчиков и загрузчиков css, но не scss. Это то же самое, что и Сасс? Я продолжаю ссылаться на Sass, но синтаксис отличается

Answer 1

Это больше вопрос синтаксиса SASS и синтаксиса SCSS.

Непосредственно из первого результата на Google для такого поиска:

Наиболее часто используемый синтаксис известен как «SCSS» (для «Sassy CSS»), и является подмножеством синтаксиса CSS3 в. Это означает, что каждая действительная таблица стилей CSS3 также является действительной SCSS. Файлы SCSS используют расширение .scss. Второй, более старый синтаксис известен как синтаксис с отступом (или просто «.sass»).

Что касается его совместимости с загрузчиком sass-loader в webpack - в конечном счете, загрузчик sass вызывает библиотеку node-sass, которая сама построена на libsass.

Инструменты поддерживают обе формы синтаксиса, поэтому вы можете рассчитывать на использование sass-loader без проблем.

использование дерзость-погрузчик со старым .sass синтаксисом

Если вы используете .sass вам просто нужно передать параметр на строки запроса при использовании Sass-погрузчик:

loaders: [ 
    { 
    test: /\.sass$/, 
    // Passing indentedSyntax query param to node-sass 
    loaders: ["style", "css", "sass?indentedSyntax"] 
    } 
] 

использование

дерзость-погрузчик с синтаксисом более распространенным .scss

Если вы используете .scss, и при условии, что вы будучи правильно настроили загрузчик, все должно JUS т работы.

Вот ссылка на Сасс-погрузчик для справки: https://github.com/jtangelder/sass-loader