Persediaan Node.js TypeScript yang Lengkap dengan Rollup, Jest dan Nodemon

Pembangunan JavaScript moden sering mendapat manfaat daripada menggunakan Node.js dengan TypeScript, memanfaatkan jenis keselamatan dan alat yang dipertingkatkan untuk berskala. Ini selanjutnya diperkuat dengan mengintegrasikan penggabungan yang mantap, rangka kerja ujian, dan tambah nilai automatik. Artikel ini membimbing anda melalui menubuhkan projek node.js dengan typescript, rollup, jest, dan nodemon untuk pengalaman pembangunan yang diperkemas.

memudahkan persediaan node.js typescript

Mengkonfigurasi projek Node.js dengan TypeScript boleh menjadi kompleks, yang melibatkan pelbagai alat dan konfigurasi. Ini sering membawa kepada aliran kerja yang rumit. Artikel ini membentangkan pendekatan mudah menggunakan alat terkini, menangani cabaran persediaan biasa:

• typescript: Menyediakan keselamatan jenis.
• rollup (dengan esbuild): bundler yang cepat dan cekap.
• jest: rangka kerja ujian yang komprehensif.
nodemon:
• Membolehkan muat semula aplikasi automatik semasa pembangunan.
Import yang dipermudahkan:
• menghapuskan keperluan untuk menentukan pelanjutan dalam penyata import. .js
Konfigurasi ini menyelaraskan proses pembangunan, menjadikannya lebih efisien dan dapat dipelihara.

Bermula: Prasyarat

sebelum anda memulakan, pastikan anda mempunyai:

node.js dipasang.

• pemahaman asas mengenai typescript dan node.js.
Persediaan Projek: Panduan Langkah demi Langkah

mari kita buat projek node.js asas dengan typescript:

1. Direktori Projek:

   Buat direktori projek baru dan navigasi kepadanya:

   <code class="language-bash">mkdir my-ts-app
   cd my-ts-app</code>

2. inisialisasi pakej:

   Inisialisasi fail : package.json

   <code class="language-bash">npm init -y</code>

3. Pemasangan Ketergantungan:

   Pasang kebergantungan yang diperlukan:

   <code class="language-bash">npm install --save-dev typescript ts-node @types/node tslib ts-jest rollup rollup-plugin-esbuild nodemon jest @rollup/plugin-node-resolve @rollup/plugin-commonjs</code>

4. Konfigurasi Typescript ():

   Konfigurasi TypeScript untuk persekitaran Node.js: tsconfig.json

   <code class="language-json">{
     "compilerOptions": {
       "target": "ESNext",
       "module": "ESNext",
       "outDir": "./dist",
       "strict": true,
       "esModuleInterop": true,
       "moduleResolution": "node",
       "skipLibCheck": true,
       "resolveJsonModule": true,
       "declaration": true,
       "sourceMap": true
     },
     "include": ["src/**/*"],
     "exclude": ["node_modules", "dist", "tests"]
   }</code>

konfigurasi rollup ():
5. Konfigurasi rollup untuk pengeluaran binaan:

   rollup.config.js

   <code class="language-javascript">import resolve from '@rollup/plugin-node-resolve';
   import commonjs from '@rollup/plugin-commonjs';
   import esbuild from 'rollup-plugin-esbuild';
   
   export default {
     input: './src/index.ts',
     output: {
       dir: 'dist',
       format: 'esm',
       sourcemap: true,
       banner: '#!/usr/bin/env node'
     },
     plugins: [
       resolve(),
       commonjs(),
       esbuild({ target: 'esnext', sourceMap: true, minify: true })
     ]
   };</code>

   konfigurasi jest (
):
6. Konfigurasi jest untuk ujian:

   jest.config.js

   <code class="language-javascript">/** @type {import('ts-jest').JestConfigWithTsJest} **/
   export default {
     testEnvironment: "node",
     transform: {
       "^.+.tsx?$": ["ts-jest",{}]
     }
   };</code>

   konfigurasi nodemon (
):
7. Konfigurasi Nodemon untuk memuat semula automatik:

   nodemon.json

   <code class="language-json">{
     "watch": ["src"],
     "ext": "ts,json",
     "ignore": ["src/**/*.spec.ts"],
     "exec": "npm start"
   }</code>

   Buat fail sumber:
create
8. dan

   (contoh fail yang disediakan dalam prompt asal). src/index.ts src/functions/addition.ts

   Buat fail ujian:
Buat fail ujian (mis., ).

10. Struktur Projek: Projek anda harus mempunyai struktur yang serupa dengan yang digariskan dalam prompt asal.

menjalankan aplikasi

1. binaan: npm run build
2. Run: npm start
3. membangunkan (dengan auto-reload): npm run dev
4. ujian: npm test

Kesimpulan

Persediaan ini menyediakan persekitaran yang diperkemas dan cekap untuk membangunkan aplikasi Node.js dengan TypeScript. Ingatlah untuk menyesuaikan konfigurasi agar sesuai dengan keperluan projek khusus anda. Ini adalah asas untuk membina aplikasi yang mantap dan berskala.

Atas ialah kandungan terperinci Persediaan Node.js TypeScript yang Lengkap dengan Rollup, Jest dan Nodemon. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!