reactjs - Problèmes conflictuels lors de la compilation du code dans Rollup/Typescript/React

J'ai trouvé un emploi en août, et surtout pendant cette pandémie, je l'ai en fait gardé aussi !!

En tant que projet secondaire, je voulais apprendre à créer une bibliothèque de composants React pour mon usage personnel (loin d'être complète) avec Rollup pour son tree-shaking + des plugins pour cjs, udm, etc. pour la compatibilité.

Lorsque je compile avec TSC, c'est presque parfait maintenant que j'ai ajusté quelques éléments concernant l'organisation et un TSConfig de build séparé

Lire la suite →

Babel ne compile pas lors de l'utilisation du plugin TypeScript de Rollup avec Babel

Je n'arrive pas à faire fonctionner @rollup/plugin-typescript avec @rollup/plugin-babel, et le JS généré à partir du code TS n'est pas transformé par Babel

J'ai cherché des solutions aux problèmes liés, mais elles ne semblaient pas fonctionner (babel 7 ne se transpil

Lire la suite →

Regrouper les types TypeScript d'un espace de travail Yarn local avec Rollup

J'ai un monorepo, créé comme un espace de travail Yarn, qui contient une API et un SDK.

L'API est le backend, et le SDK est une bibliothèque sucrée pour interagir avec ce backend. L'API est un paquet privé tandis que le SDK sera publié et disponible pour tout le monde. Les deux sont écrits en TypeScript.

Naturellement, le SDK et l'API ont certains chevauchements en ce qui concerne les types TypeScript. Comme l'API définit ce qu'elle accepte comme arguments à ses points de terminai

Lire la suite →

typescript - Comment corriger l'erreur lorsque rollup ne peut pas résoudre une dépendance

Je crée un widget modulable en React, à utiliser dans une application Mendix, qui utilise le package ketcher-react.

Avec juste les éléments de base en place (voir le code ci-dessous), lorsque je veux construire en utilisant npm run build, je reçois l'erreur suivante :

Erreur : 'url' est importé par url?commonjs-external, mais n'a pas pu être résolu – traitement en tant que dépendance externe

Pour info : url?commonjs-external est utilisé

Lire la suite →

reactjs - @rollup/plugin-typescript TS2307 : Impossible de trouver le module

Je suis en train de suivre ce guide pour créer une bibliothèque de composants React pour mon entreprise. J'ai tout configuré comme le guide et ensuite j'ai essayé d'exécuter npm rollup -c. Ça fonctionne sur ma machine (ça se compile sans erreurs).

Mais quand j'essaie de le brancher à CircleCI (l'outil que nous utilisons pour les builds), il renvoie cette erreur :

Lire la suite →

typescript - Ajouter les typages de la bibliothèque react-table à la compilation en utilisant rollup

Je veux pouvoir inclure les typages de react-table dans la compilation en utilisant le module bundler rollup afin que les applications externes utilisant ma bibliothèque personnalisée n'aient pas à inclure les typages dans leurs applications. Actuellement, il n'inclut pas les typages des bibliothèques externes dans le bundle. J'ai essayé rollup-plugin-copy pour copier le fichier de typages spécifique vers la destination, mais je voulais savoir s'il y a une meilleure

Lire la suite →

reactjs - Test de composants Cypress pour la configuration personnalisée du serveur de développement de Microbundle (Rollup) React

J'essaie de mettre en place une stratégie de test de composants pour un nouveau dépôt React sur lequel nous travaillons ici.

D'après la documentation de Cypress, il n'y a aucun détail utile sur la façon de configurer les tests de composants en utilisant un serveur de développement personnalisé comme celui-ci.

import { defineConfig } from 'cypress' export default defineConfig({ component: { devServer(cypressConfig) { // return dev server instance or a promise t

Lire la suite →

Inclure un fichier Typescript depuis un composant Svelte avec Rollup affiche une erreur d'analyse

Bref historique

• Je veux créer une extension Visual Studio Code qui a des vues web
• Je voulais utiliser Svelte/Typescript pour créer les webviews, Typescript pour créer l'extension elle-même
• Cela m'a conduit à une structure de projet inhabituelle, où j'utilise esbuild pour construire l'extension, rollup pour construire les webviews, et j'utilise un tsconfig.json séparé pour les webviews par rapport à l'extension

Lire la suite →

javascript - Obtenir l'erreur TS2307 : Impossible de trouver le module lors de l'utilisation de rollup dans un projet TypeScript

Je reçois l'erreur suivante après avoir généré un bundle avec rollupjs et exécuté npx tsc lib/index.d.ts pour vérifier le résultat :

error TS2307: Cannot find module '@solana/web3.js' or its corresponding type declarations. import {PublicKey} from '@solana/web3.js';

Mon exemple de code est très simple, il importe juste une clé publique :

// src/index.ts import {PublicKey} from '@solana/web3.js'; const a = new PublicKey("SOME_KEY

Lire la suite →

javascript - Lodash prend 2 fois la taille dans le bundle Rollup

Je travaille sur une bibliothèque TS React qui sera utilisée dans un autre projet que j'ai. Cette bibliothèque est empaquetée avec Rollup. J'ai remarqué que la taille de mon bundle était assez grande, alors j'ai utilisé rollup-plugin-visualizer pour m'aider à voir ce qui prenait tout l'espace. Une chose qui m'a paru étrange était que Lodash prenait deux fois la taille qu'il devait (142 Ko au lieu de 69,9 Ko).

J'ai parcouru mon tsconfig.json et mon rollup.config.js et je ne peux pas en t

Lire la suite →