Recherche de site Web

javascript - Les dépendances externes sont incorrectement incluses dans rollup.js ?

J'essaie de créer deux constructions séparées en utilisant rollup.js : application.js et dependencies.js, contenant respectivement mon code d'application et le code des bibliothèques communes (react, react-dom, etc.).

La documentation dit

Lire la suite →

javascript - Impossible d’accéder à l’objet défini par le plugin rollup-replace

Dans un composant Svelte, j'essaie d'accéder à un objet que j'ai configuré dans mon fichier de configuration rollup. Mon fichier rollup.config.js ressemble à ceci :

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

Dans mon composant Svelte, un simple console.log(foo) fonctionne :

Lire la suite →

reactjs - Erreur de syntaxe du plugin rollup CommonJS lors de l'importation de bibliothèques tierces, principalement liée à 'process'

J'ai travaillé sur une configuration Rollup personnalisée qui prend un projet React et intègre le JS et le CSS dans index.html. Lorsque j'ai importé certaines bibliothèques React tierces (comme material-ui-color), je rencontre un problème avec Commo

Lire la suite →

angular - Erreur de classe Angular2 Rollup (InjectMetadata)

J'utilise le tsc standard (v1.8.10) pour compiler et Rollup.js (v0.34.3) pour regrouper une application Angular 2, mais lorsqu'elle est exécutée, l'erreur suivante apparaît :

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

le reste de la trace de pile semble passer par l'injecteur de dépendances :

decoratorInvocations.map.decoratorInvocation @ app.js:4012 convertTsickleDecoratorIntoMetadata @ app.js:400

Lire la suite →

angular - Comment inclure/étendre une librairie JS avec rollup, typescript, angular2

Je travaille sur ce projet angular2-google-maps-test et je veux inclure et étendre cette librairie JS js-marker-clusterer

qui ne semble pas être écrit comme un module.

function MarkerClu

Lire la suite →

vue.js - Essayer de regrouper Vue avec TypeScript et vue-property-decorator

Comme le titre l'indique, et je n'ai pas d'exemple de code pour le moment, comment est-il si impossible de combiner Rollup, Vue, Typescript et vue-property-decorator ? Chaque fois que j'essaie, il veut ajouter vue-property-decorator comme dépendance externe. Tout lien vers une solution fonctionnelle serait apprécié.

Lire la suite →

javascript - Rollup + treeshaking des HoCs

J'essaie de créer une bibliothèque de composants en utilisant typescript et rollup.

J'ai un composant, Canary.

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

Remarquez comment Canary est enveloppé dans un HoC (React.memo).

J'ai un autre composant, SomeComponent

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

Lire la suite →

javascript - Pourquoi rollup ne peut-il pas résoudre les fichiers .d.ts ?

J'ai un fichier .d.ts et j'importe les exports dans un fichier .ts, lorsque j'utilise tsc pour compiler le fichier .ts, il génère le fichier js avec succès.

Mais quand j'utilise rollup (plugins avec rollup-plugin-typescript2 & rollup-plugin-node-resolve & rollup-plugin-commonjs), il indique qu'il ne peut pas résoudre l'importation.

Quelqu'un peu

Lire la suite →

typescript - Rollup n'ajoute pas les composants react-native aux imports du bundle

J'essaie de créer une bibliothèque react-native/-web pour partager des composants entre deux projets, mais rollup ne reconnaît pas les composants react-native lorsqu'ils sont utilisés dans un composant et répond avec cette erreur :

(!) 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

Lire la suite →

typescript - Comment puis-je utiliser des fichiers image comme source <img> en utilisant Rollup comme bundler ?

Dans mon code source, ce chemin d'importation est correct :

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

Mais le chemin relatif change pendant le processus de regroupement. Comment puis-je faire en sorte que le code continue de fonctionner après le regroupement ?

Je pense que si mon projet était en JS pur, je pourrais utiliser @rollup/plugin-image. Mais je n'ai pas réussi à le faire fonctionner dans mon projet Typescript.

L

Lire la suite →