


Le développement de JavaScript moderne bénéficie souvent de l'utilisation de Node.js avec TypeScript, tirant parti de sa sécurité de type et de son outillage amélioré pour l'évolutivité. Ceci est en outre amplifié en intégrant un bundler robuste, un cadre de test et un rechargement automatique. Cet article vous guide en créant un projet Node.js avec TypeScript, Rollup, Jest et Nodemon pour une expérience de développement rationalisée.
Simplifier la configuration de type Node.js
La configuration d'un projet Node.js avec TypeScript peut être complexe, impliquant plusieurs outils et configurations. Cela conduit souvent à un flux de travail lourd. Cet article présente une approche simplifiée en utilisant les derniers outils, résolvant les défis de configuration courants:
- TypeScript: Fournit la sécurité de type.
- Rollup (avec esbuild): un bundler rapide et efficace.
- Jest: un cadre de test complet.
- NODEMON: Permet le rechargement automatique de l'application pendant le développement.
- Imports simplifiés: élimine la nécessité de spécifier
.js
extensions dans les instructions d'importation.
Cette configuration rationalise le processus de développement, le rendant plus efficace et maintenable.
Début: Prérequis
Avant de commencer, assurez-vous d'avoir:
- node.js installé.
- Une compréhension fondamentale de TypeScript et Node.js.
Configuration du projet: un guide étape par étape
Créons un projet Node.js de base avec TypeScript:
-
Répertoire de projet: Créez un nouveau répertoire de projet et passez-y:
mkdir my-ts-app cd my-ts-app
-
Initialisation du package: Initialiser un fichier
package.json
:npm init -y
-
Installation de dépendance: Installez les dépendances requises:
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
-
Configuration de type TypeScript (
tsconfig.json
): Configurer TypeScript pour l'environnement Node.js:{ "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"] }
-
Configuration ROLUP (
rollup.config.js
): Configurer Rollup pour les builds de production: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 }) ] };
-
Configuration de la plaisanterie (
jest.config.js
): Configurer la plaisanterie pour les tests:/** @type {import('ts-jest').JestConfigWithTsJest} **/ export default { testEnvironment: "node", transform: { "^.+.tsx?$": ["ts-jest",{}] } };
-
Configuration NODEMON (
nodemon.json
): Configurer NODEMON pour le rechargement automatique:{ "watch": ["src"], "ext": "ts,json", "ignore": ["src/**/*.spec.ts"], "exec": "npm start" }
-
Créer des fichiers source: Créer
src/index.ts
etsrc/functions/addition.ts
(exemple de fichiers fournis dans l'invite d'origine). -
Créer des fichiers de test: Créer des fichiers de test (par exemple,
tests/functions/addition.spec.ts
). -
Structure du projet : Votre projet doit avoir une structure similaire à celle décrite dans l'invite d'origine.
Exécuter l'application
-
Construire :
npm run build
-
Exécuter :
npm start
-
Développer (avec rechargement automatique) :
npm run dev
-
Test :
npm test
Conclusion
Cette configuration fournit un environnement rationalisé et efficace pour développer des applications Node.js avec TypeScript. N'oubliez pas d'ajuster les configurations pour répondre aux besoins spécifiques de votre projet. Il s'agit d'une base pour créer des applications robustes et évolutives.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi

Vous voici donc, prêt à tout savoir sur cette chose appelée Ajax. Mais qu'est-ce que c'est exactement? Le terme Ajax fait référence à un regroupement lâche de technologies utilisées pour créer un contenu Web interactif dynamique. Le terme Ajax, inventé à l'origine par Jesse J

L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.

L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.

L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.

Apportez des effets de film de matrice à votre page! Ceci est un plugin jQuery cool basé sur le célèbre film "The Matrix". Le plugin simule les effets de caractère vert classique dans le film, et sélectionnez simplement une image et le plugin le convertira en une image de style matrice remplie de caractères numériques. Venez et essayez, c'est très intéressant! Comment ça marche Le plugin charge l'image sur la toile et lit le pixel et les valeurs de couleur: data = ctx.getImagedata (x, y, settings.grainsize, settings.grainsize) .data Le plugin lit intelligemment la zone rectangulaire de l'image et utilise jQuery pour calculer la couleur moyenne de chaque zone. Ensuite, utilisez

Cet article vous guidera pour créer un carrousel d'image simple à l'aide de la bibliothèque JQuery. Nous utiliserons la bibliothèque BXSLider, qui est construite sur jQuery et offre de nombreuses options de configuration pour configurer le carrousel. De nos jours, Picture Carrousel est devenue une fonctionnalité incontournable sur le site Web - une image vaut mieux que mille mots! Après avoir décidé d'utiliser le carrousel d'image, la question suivante est de savoir comment la créer. Tout d'abord, vous devez collecter des images de haute qualité et haute résolution. Ensuite, vous devez créer un carrousel d'image en utilisant HTML et un code JavaScript. Il existe de nombreuses bibliothèques sur le Web qui peuvent vous aider à créer des carrousels de différentes manières. Nous utiliserons la bibliothèque BXSLider open source. La bibliothèque Bxslider prend en charge la conception réactive, de sorte que le carrousel construit avec cette bibliothèque peut être adapté à n'importe quel

Les ensembles de données sont extrêmement essentiels pour créer des modèles d'API et divers processus métier. C'est pourquoi l'importation et l'exportation de CSV sont une fonctionnalité souvent nécessaire. Dans ce tutoriel, vous apprendrez à télécharger et à importer un fichier CSV dans un


Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Version Mac de WebStorm
Outils de développement JavaScript utiles