reactjs - Konflikter vid kompilering av kod i Rollup/Typescript/React

Jag fick ett jobb i augusti, och viktigast av allt under den här pandemin har jag faktiskt behållit det också!!

Som ett sidoprojekt ville jag lära mig att skapa ett React-komponentbibliotek för egen användning (långt från komplett) med Rollup för dess tree-shaking + plugins för cjs, udm, etc. för kompatibilitet.

När jag kompilerar med TSC är det nästan perfekt nu när jag har justerat några saker angående organisering och en separat build TSConfig.

Min TSConfig

Min Bygg

Läs mer →

Babel kompilerar inte när man använder Rollups TypeScript-plugin med Babel

Jag kan inte få @rollup/plugin-typescript att fungera med @rollup/plugin-babel, och JS som genereras från TS-kod översätts inte av Babel

Jag letade efter lösningar på relaterade problem, men de verkade inte fungera (babel 7 transpilerar inte när det används i rollup

Läs mer →

Paketera TypeScript-typer från ett lokalt Yarn Workspace med Rollup

Jag har ett monorepo, skapat som ett Yarn Workspace, som har ett API och ett SDK.

API:et är backend, och SDK:et är ett sockerbelagt bibliotek för att interagera med nämnda backend. API:et är ett privat paket medan SDK:et kommer att publiceras och vara tillgängligt för vem som helst. Båda är skrivna i TypeScript.

Självklart finns det en viss överlappning mellan SDK och API när det gäller TypeScript-typer. Eftersom API:et definierar vad det accepterar i argumenten till sina endpoint

Läs mer →

typescript - Hur man åtgärdar fel när rollup inte kan lösa beroende

Jag skapar en pluggbart widget i React, som ska användas i en Mendix-applikation, och som använder paketet ketcher-react.

Med bara det grundläggande på plats (se koden nedan), när jag vill bygga med npm run build får jag följande fel:

Fel: 'url' importeras av url?commonjs-external, men kunde inte lösas – behandlas som ett externt beroende

FYI: url?commonjs-external används i index.js-filen för @rollup\plugin-commonjs

Hoppas att någ

Läs mer →

reactjs - @rollup/plugin-typescript TS2307: Kan inte hitta modulen

Jag följer denna guide för att skapa ett React-komponentbibliotek för mitt företag. Jag satte upp allt enligt guiden och försökte sedan köra npm rollup -c. Det fungerar på min maskin (det byggs utan fel).

Men när jag försöker koppla in det i CircleCI (verktyget vi använder för byggen), ger det detta fel:

Läs mer →

typescript - Lägg till typningar av react-table-biblioteket till byggningen med rollup

Jag vill kunna inkludera react-table-typningar i bygget med rollup-modulpaketeraren så att externa applikationer som använder mitt anpassade bibliotek inte behöver inkludera typningarna i sina applikationer. Just nu inkluderas inte typningar från externa bibliotek i paketet. Jag har försökt med rollup-plugin-copy för att kopiera den specifika typningsfilen till destinationen, men ville veta om det finns ett bättre sätt att göra det på.

Här är min tsconfig.json-

Läs mer →

reactjs - Cypress komponenttestning för React Microbundle (Rollup) anpassad utvecklingsserverkonfiguration

Jag försöker sätta upp en strategi för komponenttestning för ett nytt React-repo som vi arbetar med här.

Baserat på Cypress dokumentation finns det inga användbara detaljer om hur man konfigurerar komponenttestning med en anpassad utvecklingsserver som denna.

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

Läs mer →

Att inkludera en Typescript-fil från en Svelte-komponent med Rollup visar ett parseringsfel

Kort bakgrund

  • Jag vill skapa en Visual Studio Code-tillägg som har webvyer
  • Jag ville använda Svelte/Typescript för att göra webbvyerna, Typescript för att göra själva tillägget
  • Detta har lett mig till en ovanlig projektstruktur, där jag använder esbuild för att bygga tillägget, rollup för att bygga webvyer och använder separata tsconfig.json för webvyer jämfört med tillägget

Vad är fel?

Läs mer →

javascript - Får fel TS2307: Kan inte hitta modul när jag använder rollup i TypeScript-projekt

Jag får följande fel efter att ha genererat ett paket med rollupjs och kört npx tsc lib/index.d.ts för att kontrollera resultatet:

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

Mitt kodexempel är mycket enkelt, bara importerar en PublicKey:

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

Läs mer →

javascript - Lodash tar upp 2x storleken i Rollup-bunten

Jag arbetar på ett TS React-bibliotek som ska användas i ett annat projekt jag har. Detta bibliotek bundlas med Rollup. Jag märkte att min bundle-storlek var ganska stor, så jag använde rollup-plugin-visualizer för att hjälpa mig se vad som tog upp allt utrymme. En sak som verkade konstig var att Lodash tog dubbelt så mycket plats som det borde (142 KB istället för 69,9 KB).

Jag har gått igenom min tsconfig.json och rollup.config.js och kan inte hitta orsaken till det.. Kanske har någon

Läs mer →