Работа с css-файлами компонентов в рабочих пространствах в chrome с угловым проектом cli 6 - PullRequest
Новая
       40

Работа с css-файлами компонентов в рабочих пространствах в chrome с угловым проектом cli 6

0 голосов
/ 21 ноября 2018

Я пытаюсь использовать рабочие пространства Google Chrome с постоянным редактированием CSS в проекте CLI Angular 6/7.

При добавлении «extractCSS: true» в конфигурации angular.json и использовании «--source-»map = true "flag Я вижу CSS-файл на вкладках« sources »и« elements »в Chrome, и могу сопоставить его с онлайн-CSS-файлом, но при изменении стиля на панели« elements »изменение не происходитпостоянный и не сохраняется в файл.

Можно ли редактировать CSS-файлы компонентов из инструментов Chrome dev с рабочими пространствами (без извлечения приложения)?

  • В следующем GIF вы можете увидеть, что хотямаленькая зеленая точка рядом с именем файла включена, указывая, что карта между сетевым ресурсом и локальным файлом установлена, изменения из панели элементов не отражаются в файле:

changes are not saved to file

1 Ответ

0 голосов
/ 24 декабря 2018

@ Кейс Басков, технический писатель Chrome DevTools, прокомментировал вопрос , похожий на этот, сказав:

Технический писатель DevTools здесь.Рабочий процесс, который опубликовал benshabatnoam, является лучшим, что у нас есть.Настройте рабочее пространство, а затем отредактируйте файлы на панели «Источники».Редактирование с панели «Элементы»> панель «Стили» работает с базовыми проектами, но имеет проблемы с каркасами (такими как Angular), которые используют исходные карты и выполняют множество преобразований сборки.Отстой, я знаю, но я вспоминаю, что мы всесторонне изучили это, и наши руки связаны , пока использование исходной карты не будет стандартизировано .

Несчастно ответ на ваш вопросis NO , мы не можем (как и на сегодняшний день) редактировать CSS-файлы компонентов из инструментов Chrome dev с рабочими пространствами :(

...