时间戳

首页 > 解决方案 > 将 webhint 与 angular7 一起使用

node.js - 将 webhint 与 angular7 一起使用

问题描述

我正在尝试合并 webhint，它是一种 linting 工具，通过检查您的代码中的最佳实践和常见错误，可以帮助您提高网站的可访问性、速度、安全性等。

所以它的安装如下：-

  1. npm 安装提示 --save-dev
  2. npm create hintrc（创建配置文件）
  3. 然后我在包 json "hint" 中向脚本添加提示：提示
  4. 我在一个 cmd 中使用 ng serve 运行本地服务器
  5. 我使用 npm run hint 在其他 cmd 中运行 webhint -- http://localhost:4200

我想与 npm 运行提示一起运行 ng serve/build。我尝试了链接https://webhint.io/docs/user-guide/development-flow-integration/local-server/上的步骤

我也试过&&，| 和并发，但都失败了。

我想要的是使用一个命令同时运行这些 ng serve/build 和 npm run hint。

任何帮助，将不胜感激。

标签： node.jsangular7wai-aria

解决方案

当运行具有多个组件的 Angular 应用程序并运行 webhint 时，html 或 json 格式化程序会显示错误，但行号是 -1 列和 -1 行。

这很可能是因为页面的 html 是在客户端生成的，因此 line/col 没有多大意义，因为它是动态生成的。如果您告诉浏览器这样页面代码，您只会获得初始 html，并且如果您转到 devtools 行和列中的元素面板，则那里没有意义。

错误应该包含带有错误的元素的 html，这有望帮助您识别存在问题的模板。

也就是说，我们有计划改善这种体验，但需要先完成一些事情。

webhint 如何使用路由或 url 遍历代码以便我更好地理解它？

当使用 Chrome 或 jsdom 时，我们等待页面加载，然后分析所有 html，同时跟踪所有网络请求。在本地的情况下，我们分析作为参数传递的文件夹中的所有文件。

npm run all 和并发对我不起作用。ng serve 只会继续运行。

你有代码吗，我们可以看看吗？启用并发应该同时启动所有任务。也许这是在 webhint 或类似的东西中添加延迟的问题。

谢谢！

推荐阅读