# Testing और CI/CD integration — Webpack

Source: https://www.geekswithgeeks.com/hi/webpack/webpack-21

> Testing और deployment के साथ Webpack को integrate करें।

## CI pipelines में build करना

CI/CD pipelines controlled environments में Webpack builds को चलाते हैं। package.json में npm scripts builds को trigger करते हैं। CI environment variables को set करके build behavior को customize करें।

## CI/CD build script

CI builds के लिए typical npm scripts।

```json
{
  "scripts": {
    "build:dev": "webpack --mode development",
    "build:prod": "webpack --mode production",
    "build:ci": "CI=true npm run build:prod",
    "test": "jest --coverage",
    "lint": "eslint src/**/*.js"
  }
}
```

Output:

```
CI runs: npm run lint && npm run test && npm run build:ci
```

## CI में bundles को analyze करें

Webpack-bundle-analyzer का उपयोग करके bundle composition की visual reports generate करें। Bundle size limits को set करें और exceeded होने पर builds fail करें।

त्वरित जाँच

**Quiz:** CI में bundles को क्यों analyze करें?

- [x] Performance regressions को early catch करने के लिए।
- [ ] Builds को तेज बनाने के लिए।
- [ ] Deployment time को reduce करने के लिए।

*Answer:* Performance regressions को early catch करने के लिए।. CI में bundle analysis production तक पहुँचने से पहले size increases को detect करता है।