{"id":26373,"library":"scss-lint-loader","title":"scss-lint-loader","description":"Webpack loader that runs scss-lint to enforce SCSS best practices. This package (v1.0.1) is a thin wrapper around scss-lint, with no active development since 2017. It lacks support for modern Webpack 5+, and scss-lint itself was deprecated and replaced by stylelint. Use 'stylelint-webpack-plugin' instead. Release cadence: no releases since initial 1.0.0/1.0.1.","status":"deprecated","version":"1.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/elijahmanor/scss-lint-loader","tags":["javascript"],"install":[{"cmd":"npm install scss-lint-loader","lang":"bash","label":"npm"},{"cmd":"yarn add scss-lint-loader","lang":"bash","label":"yarn"},{"cmd":"pnpm add scss-lint-loader","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"scss-lint is the underlying linter executable required for this loader to work","package":"scss-lint","optional":false}],"imports":[{"note":"scss-lint-loader is used as a Webpack loader via configuration, not imported directly.","wrong":"const scssLintLoader = require('scss-lint-loader');","symbol":"default","correct":"module.exports = { module: { rules: [{ test: /\\.scss$/, loader: 'scss-lint-loader' }] } }"},{"note":"Options are passed via Webpack's options object.","wrong":"","symbol":"config","correct":"/* webpack.config.js */\n{ test: /\\.scss$/, loader: 'scss-lint-loader', options: { config: '.scss-lint.yml' } }"},{"note":"Can also use 'use' syntax with array.","wrong":"","symbol":"use","correct":"module.exports = { module: { rules: [{ test: /\\.scss$/, use: ['scss-lint-loader'] }] } }"}],"quickstart":{"code":"// webpack.config.js\nmodule.exports = {\n  module: {\n    rules: [\n      {\n        test: /\\.scss$/,\n        loader: 'scss-lint-loader',\n        options: {\n          config: '.scss-lint.yml',\n          failOnError: true\n        }\n      }\n    ]\n  }\n};","lang":"javascript","description":"Shows how to configure scss-lint-loader in Webpack to lint SCSS files using a custom config file and fail on errors."},"warnings":[{"fix":"Migrate to stylelint-webpack-plugin with appropriate SCSS rules.","message":"scss-lint is deprecated; use stylelint instead. This loader will not work with scss-lint anymore.","severity":"deprecated","affected_versions":">=1.0.0"},{"fix":"Ensure scss-lint is installed: npm install -g scss-lint or npm install --save-dev scss-lint.","message":"This loader expects scss-lint to be installed globally or in node_modules. If scss-lint is not found, it silently fails.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use stylelint-webpack-plugin or disable the loader.","message":"Does not support Webpack 5 module federation or persistent caching. May cause build errors.","severity":"breaking","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Install scss-lint: npm install -g scss-lint or npm install --save-dev scss-lint","cause":"scss-lint executable not installed or not in PATH.","error":"Module not found: Error: Can't resolve 'scss-lint'"},{"fix":"Create a .scss-lint.yml or specify config option in loader.","cause":"Default config file (.scss-lint.yml) missing.","error":"Error: scss-lint configuration file not found"},{"fix":"Use as a Webpack loader string, not a direct require.","cause":"Using the package incorrectly (direct require instead of loader).","error":"Error: Cannot find module './dist/loader'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}