Каковы эквивалентные команды CI для проектов Vue на основе Vite вместо Vue CLI?

Я создал новый проект Vue через npm init vue@latest. Раньше я использовал Vue CLI, а теперь хочу перейти на Vite. Внутри моего действия Github я раньше использовал сервисные команды Vue CLI, но теперь я ищу эквивалентные команды, используя Vite.


Убедитесь, что стиль кода в порядке (без ошибок, без предупреждений)

В моем рабочем процессе я ранее использовал команду

npm run lint -- --no-fix --max-warnings=0

На основе lintкоманда сценария

eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore

я добавил lint:ciкоманда сценария

eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --max-warnings 0 --ignore-path .gitignore


Убедитесь, что модульные тесты проходят

В моем рабочем процессе я ранее использовал команду

npm run test:unit

На основе test:unitкоманда сценария

vitest --environment jsdom

я добавил test:unit:ciкоманда сценария

vitest --environment jsdom --run


Убедитесь, что тесты e2e проходят

В моем рабочем процессе я ранее использовал команду

npm run test:e2e -- --headless

Уже есть test:e2e:ciscript и на основе документов Cypress я думаю, что должен использовать его таким образом (что сработало для меня)

        - name: Check if e2e tests are passing
    uses: cypress-io/github-action@v2
    with:
      build: npm run build
      start: npm run test:e2e:ci

У вас есть лучшие решения? Я не уверен, что это самый элегантный способ или Vue/Vite уже предоставляют некоторые команды, о которых я еще не знаю.

Заранее спасибо!

0 ответов

Другие вопросы по тегам