Konstantin Krivlenia - "Continuous integration for frontend"
0 likes414 views
Документ обсуждает использование CI/CD инструментов в проекте, включая Jenkins и Travis, а также проблемы, возникающие при тестировании кода и линтинге. Описываются примеры ошибок и конфигурации, необходимые для настройки автоматических проверок и сборок. Упоминаются преимущества и недостатки текущей системы, включая выявление багов и сложность её настройки.
![nlf/precommit-hook
...
"pre-commit": ["lint", "test"]
01.
02.](https://image.slidesharecdn.com/krivlenya-170417071745/85/Konstantin-Krivlenia-Continuous-integration-for-frontend-13-320.jpg)
![...
env:
matrix:
- TEST_TYPE=test
- TEST_TYPE=lint
- TEST_TYPE=size
script:
- |
if [ "$TEST_TYPE" = test ]; then
npm test
elif [ "$TEST_TYPE" = size ]; then
npm run check-file-size
elif [ "$TEST_TYPE" = lint ]; then
npm run lint](https://image.slidesharecdn.com/krivlenya-170417071745/85/Konstantin-Krivlenia-Continuous-integration-for-frontend-20-320.jpg)
Konstantin Krivlenia - "Continuous integration for frontend"
- 3. git pull origin master
- 5. Как избежать npm test /ci/cool-module.js:3 return myCoolFunction(); ^ ReferenceError: myCoolFunction is not defined ... 01. 02. 03. 04. 05.
- 6. const coolModule = require('../cool-module') const assert = require('assert') describe('test cool module', () => { it(`Answer to the Ultimate Question of Life, the Universe, and Everything`, () => { assert.equal(42, coolModule.doSomething()) }) })
- 8. error no-tabs error Как избежать npm run lint /ci/cool-module.js 6:2 Unexpected tab character 6:3 Expected indentation of 4 spaces but found 2 tabs ✖ 2 problems (2 errors, 0 warnings) 01. 02. 03. 04.
- 9. Размер сборки Имя файла Размер до Размер после bundle.js 72.1 kB 340 kB
- 10. Изменения const $ = require('jquery'); $('someId').hide(); 01. 02.
- 11. Как избежать npm run check-file-size Size of bundle is huge. Expected 100 but actual 102
- 12. Git Hooks .git/pre-commit npm test npm run lint npm run check-file-size 01. 02. 03.
- 14. Отключаем pre-commit hook git commit --no-verify -m "Я знаю, что я делаю"
- 15. Setup CI .travis.yml language: node_js node_js: - "6" script: npm run travis
- 16. .package.json { … "scripts": { … "travis": "npm run test && npm run lint && npm run check…" … }
- 20. ... env: matrix: - TEST_TYPE=test - TEST_TYPE=lint - TEST_TYPE=size script: - | if [ "$TEST_TYPE" = test ]; then npm test elif [ "$TEST_TYPE" = size ]; then npm run check-file-size elif [ "$TEST_TYPE" = lint ]; then npm run lint
- 23. Jenkins
- 27. pipeline { agent { dockerfile { filename 'Dockerfile' } } stages { stage('build') { steps { sh 'npm install' } } ... }
- 33. docker run -d --name jenkins -p 8080:8080 -v $PWD/jenkins:/var/jenkins_home -v /var/run/docker.sock:/var/run/docker.sock -t logimethods/blueocean
- 34. Другие CI • https://concourse.ci • https://circleci.com • teamcity
- 35. Бенефиты
- 38. Артефакты сборок
- 40. Один шаг к непрерывной доставке
- 42. Покрытие кода
- 43. Сложность кода
- 44. Недостатки
- 46. Не всегда отображает реальную ситуацию
- 47. Долгий отклик
- 50. Вопросы?