javascript - Externa beroenden är felaktigt buntade i rollup.js?
Jag försöker skapa 2 separata builds med rollup.js: application.js och dependencies.js, som innehåller min applikationskod och gemensam bibliotekskod (react, react-dom, etc.), respektive.
Dokumenten säger att jag bör kunna använda ex
Läs mer →javascript - Kan inte gå in i objekt definierat av rollup plugin-replace
I en Svelte-komponent försöker jag komma åt ett objekt som jag har ställt in i min rollup-konfigurationsfil. Min rollup.config.js-fil ser ut så här:
import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }), ...I min Svelte-komponent fungerar en enkel console.log(foo):
Läs mer →reactjs - CommonJS rollup-plugin syntaxfel vid import av tredjepartsbibliotek, mest relaterat till 'process'
Jag har arbetat på en anpassad rollup-konfiguration som tar ett React-projekt och bäddar in js och css i index.html. När jag har importerat några tredjeparts React-bibliotek (som material-ui-color) stöter jag på ett problem med CommonJS där det står
Läs mer →angular - Rollup Angular2-klassfel (InjectMetadata)
Jag använder den standardmässiga tsc (v1.8.10) för att kompilera och Rollup.js (v0.34.3) för att bunta en Angular 2-app men när den körs uppstår följande fel:
Uncaught TypeError: Class constructor InjectMetadata cannot be invoked without 'new'(…)resten av stackspåret verkar gå igenom beroendeinjektorn:
decoratorInvocations.map.decoratorInvocation @ app.js:4012 convertTsickleDecoratorIntoMetadata @ app.js:4007 ctorParameters.map @ app.js:3 Läs mer →angular - Hur inkluderar/utökar man ett JS-bibliotek med rollup, typescript, angular2
Jag bygger på det här projektet angular2-google-maps-test och jag vill inkludera och utöka det här JS-biblioteket js-marker-clusterer
vilket inte verkar vara skrivet som en modul.
functi Läs mer →vue.js - Försöker rulla upp Vue med TypeScript och vue-property-decorator
Som titeln säger, och jag har inget kodexempel just nu, hur kan det vara så omöjligt att kombinera Rollup, Vue, Typescript och vue-property-decorator? När jag försöker vill den alltid lägga till vue-property-decorator som ett externt beroende. Alla länkar till en fungerande lösning skulle uppskattas.
Läs mer →javascript - Rollup + HoCs trädskakning
Jag försöker skapa ett komponentbibliotek med typescript och rollup.
Jag har en komponent, Canary.
function Canary() { ... } export default React.memo(Canary)Notera hur Canary är inneslutet i en HoC (React.memo).
Jag har en annan komponent, SomeComponent
function SomeComponent() { ... } export default SomeComponentOm jag skulle bygga
Läs mer →javascript - Varför kan inte Rollup lösa .d.ts-filerna?
Jag har en .d.ts-fil och importerar exports i en .ts-fil, när jag använder tsc för att kompilera .ts-filen, genererar det js-filen framgångsrikt.
Men när jag använder rollup (plugins med rollup-plugin-typescript2 & rollup-plugin-node-resolve & rollup-plugin-commonjs), rapporterar det att importen inte kan lösas.
Kan någon säga mig varför?
Läs mer →typescript - Rollup lägger inte till react-native-komponenter till bundle-importer
Jag försöker bygga ett react-native/-web-bibliotek för att dela komponenter mellan två projekt, men rollup känner inte igen react-native-komponenterna när de används i en komponent och svarar med detta fel:
(!) 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 mer →typescript - Hur kan jag använda bildfiler som <img>-källa med Rollup som bundlare?
I min källkod är denna importväg korrekt:
<img src={"../../../../assets/logo.svg"} />Men den relativa sökvägen förändras under bundlingsprocessen. Hur kan jag göra så att koden fortsätter att fungera efter bundling?
Jag tror att om mitt projekt var ren JS skulle jag kunna använda @rollup/plugin-image. Men jag har inte fått det att fungera i mitt Typescript-projekt.
När jag försöker använda det som beskrivs i dokumentation
Läs mer →