Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@angular-eslint/builder

Package Overview
Dependencies
Maintainers
1
Versions
777
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@angular-eslint/builder

Angular CLI builder for ESLint

  • 16.1.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1.2M
increased by3.23%
Maintainers
1
Weekly downloads
 
Created

What is @angular-eslint/builder?

The @angular-eslint/builder package is an npm package that integrates ESLint into Angular CLI projects. It allows developers to lint their Angular TypeScript code using ESLint, which is a pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. With @angular-eslint/builder, developers can run lint checks as part of their build process or as a separate step in their development workflow.

What are @angular-eslint/builder's main functionalities?

Linting Angular TypeScript code

This feature allows developers to lint their Angular project's TypeScript code. The command 'ng lint' is used to execute the linting process, which checks the code for any issues or style violations based on the ESLint configurations.

ng lint

Customizable ESLint configurations

Developers can customize ESLint rules for their Angular projects. This code sample shows a snippet of an ESLint configuration file where specific rules for directive and component selectors are defined.

{
  "extends": "@angular-eslint/recommended",
  "rules": {
    "@angular-eslint/directive-selector": ["error", { "type": "attribute", "prefix": "app", "style": "camelCase" }],
    "@angular-eslint/component-selector": ["error", { "type": "element", "prefix": "app", "style": "kebab-case" }]
  }
}

Integration with Angular CLI

The package integrates with Angular CLI, allowing developers to add linting capabilities to their Angular CLI projects. This code sample shows how to configure the Angular workspace file (angular.json) to use @angular-eslint/builder for the linting process.

{
  "architect": {
    "lint": {
      "builder": "@angular-eslint/builder:lint",
      "options": {
        "lintFilePatterns": [
          "src/**/*.ts",
          "src/**/*.html"
        ]
      }
    }
  }
}

Other packages similar to @angular-eslint/builder

FAQs

Package last updated on 20 Aug 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc