Как скормить .eslintrc в laravel mix?

Question

[KuzmenkoArtem]

Есть файл конфигураций .eslintrc
Есть laravel mix

mix.ts('resources/js/app.tsx', 'public/js')
    .eslint()
    .sass('resources/sass/app.scss', 'public/css');

Как сделать так что бы при сборки проекта (npm run dev), оно выдавала ошибки валидации. Спасибо!

Comments

[Mikhail Osher]

https://laravel-mix.com/extensions/eslint-config

[KuzmenkoArtem]

Mikhail Osher, Я читал доки, но не понял как указать на файл

Answer 1

[Mikhail Osher]

В этот метод ".eslint()" прилетает конфигурация для webpack-лоудера, в частности, eslint-loader.

В лоудер https://webpack.js.org/loaders/eslint-loader/#options можно передать опции для ESLint CLIEngine - https://eslint.org/docs/developer-guide/nodejs-api...

Там же есть baseConfig, который может помочь. Хотя, при нормальной организации файлов, этот конфиг сам должен найтись.

Comments

[KuzmenkoArtem]

Спасибо.
Но к сожалению я пробовал это (возможно не правильно).

.eslintrc лежит в той же папке что и webpack.mix.js

Пробовал в baseConfig вставить содержимое файла

mix.ts('resources/js/app.tsx', 'public/js')
    .eslint({
        options: {
            baseConfig: {
                "env": {
                    "browser": true,
                    "es6": true,
                    "es2017": true
                },
                "extends": [
                    "eslint:recommended",
                    "plugin:@typescript-eslint/eslint-recommended",
                    "plugin:@typescript-eslint/recommended",
                    "plugin:@typescript-eslint/recommended-requiring-type-checking"
                ],
                "parser": "@typescript-eslint/parser",
                "parserOptions": {
                    "project": "tsconfig.json",
                    "tsconfigRootDir": "."
                },
                "plugins": ["@typescript-eslint"],
                "rules": {
                    "@typescript-eslint/camelcase": "error",
                    "@typescript-eslint/class-name-casing": "error",
                    "@typescript-eslint/explicit-function-return-type": "error",
                    // ... and so on
                }
            },
        }
    })

IDE файл подхватывает нормально.
Но nmp run dev ошибок не выдает. В чем же дело интересно

[Mikhail Osher]

KuzmenkoArtem, мне кажется, в таком случае надо всё указывать (enforce:pre, loader:'eslint-loader', ...)