{"id":26397,"library":"sl-fe-lint","title":"FE Lint","description":"A lint configuration preset for front-end projects, including ESLint for JavaScript/React and Sass Lint for SCSS. Currently at version 2.0.2, updated for ESLint 4. The package provides a single .eslintrc configuration file tailored for React and standard JavaScript linting. Note: SCSS linting (.scss-lint.yml) is discontinued. This is a minimal, opinionated lint set for quicker setup with limited extensibility compared to larger lint config presets.","status":"maintenance","version":"2.0.2","language":"javascript","source_language":"en","source_url":"https://github.com/seeliang/fe-lint","tags":["javascript","lint","front","end"],"install":[{"cmd":"npm install sl-fe-lint","lang":"bash","label":"npm"},{"cmd":"yarn add sl-fe-lint","lang":"bash","label":"yarn"},{"cmd":"pnpm add sl-fe-lint","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"ESLint is a peer dependency required to run the ESLint rules.","package":"eslint","optional":false}],"imports":[{"note":"This package provides a flat config file; extend it via ESLint's extends field.","wrong":"npm install -g sl-fe-lint or using require directly","symbol":".eslintrc","correct":"Extend in your ESLint config file: extends: ['./node_modules/sl-fe-lint/.eslintrc']"},{"note":"This is a YAML config file for Sass Lint, not a JS module.","wrong":"Importing as a module in JavaScript","symbol":".sass-lint.yml","correct":"Reference in your project's .sass-lint.yml: extends: './node_modules/sl-fe-lint/.sass-lint.yml'"},{"note":"The package previously included .scss-lint.yml but it is discontinued since version 2.0.0.","wrong":"Using .scss-lint.yml file which is deprecated","symbol":".scss-lint.yml","correct":"Discontinued; do not use. Replace with .sass-lint.yml or stylelint."}],"quickstart":{"code":"// 1. Install dependencies\nnpm install --save-dev eslint sl-fe-lint\n\n// 2. Create .eslintrc.json in your project root\n{\n  \"extends\": \"./node_modules/sl-fe-lint/.eslintrc\"\n}\n\n// 3. Lint your code\nnpx eslint src/**/*.js","lang":"javascript","description":"Shows how to install and configure the ESLint preset for a front-end project."},"warnings":[{"fix":"Remove any reference to .scss-lint.yml and use .sass-lint.yml or switch to stylelint.","message":"scss-lint.yml is discontinued and no longer provided. Using it may cause errors.","severity":"breaking","affected_versions":">=2.0.0"},{"fix":"Upgrade ESLint to version 4+ or continue using older version of the package.","message":"V2 update changed ESLint config for ESLint 4; incompatible with ESLint 3 or earlier.","severity":"breaking","affected_versions":">=2.0.0"},{"fix":"Use .sass-lint.yml or migrate to stylelint.","message":".scss-lint.yml file is deprecated and discontinued.","severity":"deprecated","affected_versions":">=2.0.0"},{"fix":"Use the config files as extended configurations in your linting tools, not as JS modules.","message":"The package does not export any JavaScript module; it only provides configuration files.","severity":"gotcha","affected_versions":"all"},{"fix":"Test after each update and review the repository's commit history for changes.","message":"The package has no published CHANGELOG or migration guide; updates may break configs silently.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install --save-dev sl-fe-lint' in your project directory.","cause":"Package not installed in node_modules; missing npm install.","error":"Error: Cannot find module 'sl-fe-lint' from '/path/to/project'"},{"fix":"Update your ESLint config to not extend old version; reinstall sl-fe-lint@latest and remove custom overrides for jsx-indent.","cause":"In version 2.0.2, jsx-indent rule was removed; your config still references it.","error":"ESLint: Configuration for rule \"react/jsx-indent\" is invalid"},{"fix":"Ensure the extends path is relative to project root: './node_modules/sl-fe-lint/.sass-lint.yml'","cause":"You are referencing a non-existent file or path is incorrect.","error":"SassLint: No configuration found for .sass-lint.yml"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}