javascript - Impossible d'importer des exportations par défaut (typescript & rollup), seulement des exportations nommées

J'ai commencé un nouveau projet Lit2 en créant des composants web personnalisés, mais j'ai des problèmes pour importer des bibliothèques externes. J'ai utilisé le générateur de projet comme suggéré dans la documentation Lit2, https://open-wc.org/docs/development/generator/.

Voici mon tsconfig.json

{ "compilerOptions": { "target": "es6", "module": "esnext", "moduleResolution": "node

Lire la suite →

reactjs - Rollup lors de la création de bundles de plusieurs fichiers, l'option output.dir doit être utilisée

Ma configuration Rollup fonctionnait avec la version 2 de Rollup. J'essaie de migrer le paquet Rollup vers la version 3.15.0. Rollup indique que je dois utiliser l'option output.dir au lieu d'utiliser output.file. Comment puis-je obtenir le même comportement en utilisant l

Lire la suite →

svelte + rollup + typescript + chemins tsconfig : Rendre les fichiers avec l'extension .svelte importables par chemin absolu

Est-ce que quelqu'un possède un savoir secret sur la façon de faire fonctionner cela ? J'essaie de passer des imports relatifs aux imports absolus en utilisant les chemins tsconfig et j'ai des problèmes avec la résolution des fichiers *.svelte.

tsconfig.json :

{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "baseUrl": ".", "lib": [ "dom", "es2020"

Lire la suite →

reactjs - Impossible de déterminer automatiquement le point d'entrée à partir de rollupOptions ou des fichiers HTML et il n'y a pas de optimizeDeps explicites

Dans mon projet d'équipe, pour la partie frontend, nous utilisons vite, react, yarn, typescript.

Je vais construire et déployer Docker avec le frontend.

J'ai réussi à créer une image Docker avec le frontend, mais je ne peux pas la déployer.

Pour être plus précis, seul un déploiement partiel a réussi.

Lorsque je l'ouvre dans Docker et que je regarde les journaux du conteneur, je vois que cela ressemble à ce qui suit.

VITE v4.3.9 ready in 247 ms ➜ Local:

Lire la suite →

typescript - Co-localiser les types TS dans dist lors de l'utilisation de rollup avec preserveModules : true et à l'intérieur d'un monorepo

J'ai le cas d'utilisation suivant : un mono-repo utilisant turborepo, typescript, plusieurs packages turborepo, et chaque package utilisant rollup avec le paramètre preserveModules: true.

J'utilise preserveModules: true parce que j'aimerais pouvoir importer chaque composant, fichier, etc. indépendamment.

Cependant, si j'ai packageA/components/Button.tsx important un type de packageB/types/BaseTypes.ts, obtenir un dist à l'intérie

Lire la suite →

typescript - Comment configurer rollup js pour regrouper les modules Node commonJs

J'ai une application ts simple que j'exécute dans le navigateur. Pour regrouper les fichiers ts, j'utilise rollup js.

J'ai installé le package diffusion

npm install diffusion

Et importez le module dans mon fichier ts app.ts :

import * as diffusion from 'diffusion'; diffusion.connect({/* options */});

Maintenant, lorsque je démarre l'application dans le navigateur, je reçois ce qui suit :

diffusio

Lire la suite →

typescript - test de composant cypress avec le bundler rollup

Le principal empaqueteur dans mon mono-dépôt est rollup. J'essaie de configurer le test de composants Cypress en suivant la documentation ici. Mon fichier cypress.config.ts est ci-dessous

const INIT_FILEPATH = path.resolve(__dirname, './initCypress.js') async function startDevServer(cypressConfig: Cypress.PluginConfigOptions) { const { indexHtmlFile } = cypressConfig const loader = fs.readFileSync(INIT_FILEPATH, 'utf8') const server = exp

Lire la suite →

node.js - Rollup avec des imports TypeScript absolus

• Source : ici : https://github.com/arvigeus/roll-on-slow
• Bundle de sortie : dist
• Journal de compilation : build.log

Rollup le regroupe correctement, mais il génère quelques avertissements pour des sourcemaps incorrectes (Erreur lors de l'utilisation du sourcemap pour signaler une erreur : Impossible de déterminer l'emplacement original de l'erreur.). La cause du problème semble être @babel/preset-react development: true (

Lire la suite →

typescript - Rollup.js n'inclura pas le module node discord-rpc dans le bundle. Y a-t-il un moyen de le faire ?

Je n'importe que discord-rpc et je n'ai que main.ts. J'utilise également les plugins Rollup typescript et node-resolve.

main.ts import :

const { Client } = require("discord-rpc");

Scr

Lire la suite →

Rollup TypeScript : déclarations dans dist + cjs + es

J'essaie de packager une bibliothèque TypeScript en utilisant rollup avec des fichiers de déclaration (d.ts), et je veux produire à la fois des versions cjs et es.

Alors j'ai élaboré cette configuration Rollup :

const {nodeResolve} = require('@rollup/plugin-node-resolve') const nodeExternals = require('rollup-plugin-node-externals'); const json = require('@rollup/plugin-json'); const commonjs = require('@rollup/plugin-commonjs'); const typescript = require('rollup-plugin-t

Lire la suite →