Я пытаюсь включить webhint, инструмент для линтинга, который поможет вам с доступностью, скоростью, безопасностью и многим другим на вашем сайте, проверяя ваш код на наличие передовых методов и распространенных ошибок.

Итак, его установка выглядит следующим образом: -

  1. npm install hint --save-dev
  2. npm create hintrc (создает файл конфигурации)
  3. затем добавляю подсказку к скриптам в пакете json "подсказка": подсказка
  4. Я запускаю локальный сервер, используя ng serve в одном cmd
  5. И я запускаю webhint в другом cmd, используя npm run hint - http: // localhost: 4200

Я хотел запустить ng serve / build вместе с подсказкой npm run. Я пробовал шаги по ссылке https://webhint.io/ документы / руководство пользователя / интеграция потока разработки / локальный сервер /

Я также пробовал &&, | и параллелизм, но все не удалось.

Я хочу запустить обе подсказки ng serve / build и npm run с помощью одной команды.

Любая помощь была бы признательна.

2
Abhishek Sharma 26 Мар 2019 в 04:54

1 ответ

Лучший ответ

Когда запущено приложение angular с несколькими компонентами и запущен webhint, средства форматирования html или json показывают ошибки, но номера строк - столбец -1 и строка -1.

Скорее всего, это связано с тем, что html страницы создается на стороне клиента, поэтому строка / столбец не имеет большого смысла, поскольку создается динамически. Если вы укажете браузеру, что код страниц, вы получите только исходный html, а если вы перейдете на панель элементов в строке и столбце devtools, там нет смысла.

Ошибки должны иметь HTML-код элемента с ошибкой, и это, надеюсь, поможет вам идентифицировать шаблон с проблемой.

Тем не менее, у нас есть планы по улучшению этого опыта, но сначала нужно закончить несколько вещей.

Как webhint просматривает код, используя маршруты или URL-адреса, чтобы я мог лучше его понять?

При использовании Chrome или jsdom мы ждем, пока страница загрузится, а затем анализируем весь html, отслеживая все сетевые запросы. В случае локального мы анализируем все файлы в папке, переданной в качестве параметра.

npm run all, и параллелизм у меня не работает. ng serve only продолжает работать.

У вас есть где-нибудь код, чтобы мы могли посмотреть? Включение параллелизма должно запускать все задачи одновременно. Возможно, дело в добавлении задержки в веб-подсказке или в чем-то подобном.

Благодарность!

1
Antón Molleda 2 Апр 2019 в 18:18