Как решить проблему того, что в VSCode код из других файлов scss притягивается в проект?

Как избежать проблемы с посторонним кодом, который попадает в создаваемые файлы при сохранении в SCSS файлах, подключенных через include в main.scss? Как настроить расширение Live Sass Compile для VSCode, чтобы избежать этой проблемы?
  • 13 сентября 2023 г. 20:27
Ответы на вопрос 3
Для решения проблемы с притягиванием кода из других файлов в проект вам потребуется настроить правильно расширение Live Sass Compile. Вот несколько шагов, которые помогут вам избежать этой проблемы:

1. Убедитесь, что все ваши файлы SCSS имеют правильные расширения. Например, файлы стилей должны иметь расширение .scss, а не .css.

2. Создайте файл настроек для расширения Live Sass Compile. Для этого кликните правой кнопкой мыши на папке с вашим проектом в окне проводника слева и выберите "New File". Назовите этот файл как "settings.json".

3. Откройте "settings.json" и добавьте следующую конфигурацию:

```json
{
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.autoprefix": ["last 10 version", "> 1%", "maintained node versions", "not dead"]
}
```

Эти настройки отключат генерацию карты кода и добавят автопрефиксы к вашим стилям.

4. Сохраните файл "settings.json".

5. Запустите расширение Live Sass Compile, нажав команду "Watch Sass" в правом нижнем углу VSCode. Расширение будет следить за изменениями в ваших файлов SCSS и автоматически компилировать их в CSS.

6. Если вы все еще замечаете притягивание кода из других файлов, попробуйте проверить файлы SCSS на наличие неправильных импортов или циклических зависимостей.

Следуя этим шагам, вы должны избежать проблемы с притягиванием кода из других файлов в ваш проект.
"/path/subpath/a.scss" 
 "/path/subpath/b.scss"
Похожие вопросы