Почему eCSStractor копирует классы как CSS как поменять на SCSS?

eCSStractor является инструментом, который позволяет извлекать классы из HTML-кода и копировать их в качестве CSS-правил. Однако, если вы хотите скопировать классы в формате SCSS, вам потребуется произвести некоторые изменения.

Во-первых, убедитесь, что у вас установлен и настроен eCSStractor. Вы можете установить его с помощью пакетного менеджера npm, выполнив команду:

npm install -g ecsstractor

Затем, для копирования классов в формате SCSS, вам потребуется создать пользовательскую функцию. Просто скопируйте следующий код в новый файл и сохраните его как ecss2scss.js:

const fs = require('fs');
const ecsstractor = require('ecsstractor');

// Загрузка HTML-файла
const htmlContent = fs.readFileSync('path/to/html/file.html', 'utf8');

// Извлечение классов с помощью eCSStractor
const classNames = ecsstractor.extractHTML(htmlContent);

// Преобразование классов в SCSS-формат
const scssContent = classNames.map(className => `.$${className} {n  // стилиn}`).join('nn');

// Сохранение SCSS-файла
fs.writeFileSync('path/to/scss/file.scss', scssContent, 'utf8');

console.log('Классы скопированы в SCSS-файл.');

Замените 'path/to/html/file.html' и 'path/to/scss/file.scss' соответствующими путями к вашему HTML-файлу и SCSS-файлу.

После сохранения файла ecss2scss.js, выполните его с помощью Node.js, выполнив команду:

node ecss2scss.js

Теперь классы будут скопированы в формате SCSS в указанный SCSS-файл.

Пример того, как будут выглядеть скопированные классы в SCSS-формате:

.$className1 {
  // стили
}

.$className2 {
  // стили
}

...

Таким образом, используя представленный выше код, вы сможете скопировать классы в формате SCSS с помощью eCSStractor.