javascript - Eksterne afhængigheder er forkert pakket sammen i rollup.js?

Jeg forsøger at oprette 2 separate builds ved hjælp af rollup.js: application.js og dependencies.js, som indeholder min applikationskode og fælles bibliotekskode (react, react-dom osv.) henholdsvis.

Dokumentationen siger, at jeg burde kunn

Læs mere →

javascript - Kan ikke gå ind i objekt defineret af rollup plugin-replace

I en Svelte-komponent prøver jeg at få adgang til et objekt, jeg har oprettet i min rollup-konfigurationsfil. Min rollup.config.js-fil ser sådan ud:

import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }), ...

I min Svelte-komponent fungerer en simpel console.log(foo):

Læs mere →

reactjs - CommonJS rollup-plugin syntaksfejl ved import af tredjepartsbiblioteker, mest relateret til 'process'

Jeg har arbejdet på en brugerdefineret rollup-konfiguration, som tager et React-projekt og indsætter js og css direkte i index.html. Når jeg har importeret nogle tredjeparts React-biblioteker (som material-ui-color), støder jeg på et problem med Com

Læs mere →

angular - Rollup Angular2 klassefejl (InjectMetadata)

Jeg bruger den standard tsc (v1.8.10) til at kompilere og Rollup.js (v0.34.3) til at bundle en Angular 2-app, men når den køres, vises følgende fejl:

Uncaught TypeError: Class constructor InjectMetadata cannot be invoked without 'new'(…)

resten af stacksporet ser ud til at gå gennem afhængighedsindsprøjteren:

decoratorInvocations.map.decoratorInvocation @ app.js:4012 convertTsickleDecoratorIntoMetadata @ app.js:4007 ctorParameters.map @ ap

Læs mere →

angular - Hvordan inkluderer/udvider man et JS-bibliotek med rollup, typescript, angular2

Jeg arbejder på dette projekt angular2-google-maps-test, og jeg vil inkludere og udvide dette JS-bibliotek js-marker-clusterer

som ikke synes at være skrevet som et modul.

function Marke

Læs mere →

vue.js - Forsøger at rulle Vue sammen med TypeScript og vue-property-decorator

Som titlen siger, og jeg har ikke noget kodeeksempel lige nu, hvordan kan det være så umuligt at kombinere Rollup, Vue, Typescript og vue-property-decorator? Når jeg prøver, vil det tilføje vue-property-decorator som en ekstern afhængighed. Ethvert link til en fungerende løsning vil blive værdsat.

Læs mere →

javascript - Rollup + HoCs treeshaking

Jeg prøver at skabe et komponentbibliotek ved hjælp af typescript og rollup.

Jeg har en komponent, Canary.

function Canary() { ... } export default React.memo(Canary)

Bemærk, hvordan Canary er indpakket i en HoC (React.memo).

Jeg har en anden komponent, SomeComponent

function SomeComponent() { ... } export default SomeComponent

Hvis je

Læs mere →

javascript - Hvorfor kan rollup ikke løse .d.ts-filerne?

Jeg har en .d.ts fil og importerer exports i en .ts fil, når jeg bruger tsc til at kompilere .ts filen, genererer det js filen succesfuldt.

Men når jeg bruger rollup (plugins med rollup-plugin-typescript2 & rollup-plugin-node-resolve & rollup-plugin-commonjs), rapporterer det, at importen ikke kan opløses.

Kan nogen fortælle mig hvorfor?

Læs mere →

typescript - Rollup tilføjer ikke react-native komponenter til bundle imports

Jeg forsøger at bygge et react-native/-web bibliotek for at dele komponenter mellem to projekter, men rollup genkender ikke react-native komponenterne, når de bruges i en komponent, og svarer med denne fejl:

(!) Unused external imports View,Text,TouchableOpacity,ActivityIndicator,TextInput,Picker,FlatList,StatusBar imported from external module 'react-native' but never used default imported from external module 'react-native-easy-content-loader' but never used Svg,G,Path,default

Læs mere →

typescript - Hvordan kan jeg bruge billedfiler som <img>-kilde ved at bruge Rollup som bundler?

I min kildekode er denne importsti korrekt:

<img src={"../../../../assets/logo.svg"} />

Men den relative sti ændres under bundlingsprocessen. Hvordan kan jeg få koden til at fortsætte med at virke efter bundling?

Jeg tror, at hvis mit projekt var almindelig JS, kunne jeg bruge @rollup/plugin-image. Men jeg har ikke fået det til at fungere i mit Typescript-projekt.

Når jeg prøver at bruge det som beskrevet i dokumentationen

Læs mere →