Алина Петрова
21 марта 2024 
Что такое Million Lint?
Million Lint - это расширение VSCode и CLI утилита, которая обеспечивает проверку скорости работы вашего React приложения. Оно позволяет определить медленный код и предлагает варианты по его исправлению. Это как ESLint, но для производительности!
Установка
Чтобы начать, достаточно просто запустить команду в любом приложении React:
npx @million/lint@latest
Так же можно установить дополнительное расширение для VSCode.
Сравнение с аналогом:
Думаю многие разработчики пытаются использовать такие инструменты, как React Devtools, чтобы найти ненужные рендеры. Но к сожалению, большинству не хватает знаний, чтобы правильно справиться со сложностью.
Поэтому предлагаю посмотреть разницу между React Devtools и Million Lint:
React Devtools:
Million Lint:
Разработка еще не закончена - есть несколько известных ошибок и несколько недостающих функций - но это действительно хороший помощник для разработчика.
Million Lint явно имеет большой потенциал!
+6
286
10.05.2024
не совсем понял как ее запускать.
запускаю npx @million/lint@latest
ставлю пакет.
цепочка установки в cli идет дальше, и вылетает ошибка:
│ npm ERR! code ENOTEMPTY
│ npm ERR! syscall rmdir
│ npm ERR! path путь\node_modules\webpack-virtual-modules\src
│ npm ERR! errno -4051
│ npm ERR! ENOTEMPTY: directory not empty, rmdir 'путь\node_modules\webpack-virtual-modules\src'
поступает предложение продолжить, пишу yes
выделает предложение выбрать мою систему сборки. У нас реакт собранный руками с webpack 5, поэтому выбираю webpack.
оно создает в корне проекта пустой webpack.config.js с одним плагином
const MillionLint = ``require``('@million/lint').``default``;
plugins: [
MillionLint.``webpack``()
]
мои конфиги лежат не в корне, а в папке webpack, и их там 3.
base.config.js
dev.config.js
prod.config.js
дев и прод мержатся сторонним пакетом с базовым.
то есть, мне надо докинуть плагин в дев конфиг.
докидываю и делаю импорт.
запускаю проект - npm start
[webpack-cli] Failed to load 'W:\work\service\webpack\dev.config.js' config
[webpack-cli] Error: Cannot find module 'unplugin'
Require stack:
- путь\node_modules\@million\lint\dist\compiler\index.js
- путь\service\webpack\dev.config.js
- путь\service\node_modules\webpack-cli\lib\webpack-cli.js
- путь\service\node_modules\webpack-cli\lib\bootstrap.js
- путь\service\node_modules\webpack-cli\bin\cli.js
- путь\service\node_modules\webpack\bin\webpack.js
смотрим последний стектрейс - node_modules\@million\lint\dist\compiler\index.js
uplugin? возможно, надо было не пихать в свой дев конфиг а оставить тот в корне. да и я в шторме, и там какой-то плагин на вскод ставится.
переоткрываю в вскоде. переустанавливаю, делаю реверт гита своего файла и оставляю тот что в корне.
в плагине интегрируюсь с сервисом million lint и логинюсь там через гитхаб - success.
стартую проет - стартанул.
прогоняю всё флоу проекта от и до, и панель в плагине никак не поменялась.
удаляю плагин и всё что с ним связано.
Комментарии
1