Chargement du module AMD dans JavaScriptCore

Question

Je voudrais charger un module javascript dans JavascriptCore (sur iOS).

Je récupère le texte du fichier via une requête HTTP normale du côté iOS. Donc je peux analyser cette chaîne entière dans le JScontext.

Mais maintenant je voudrais charger ce module, et idéalement, résoudre toutes les autres dépendances, bien que ce ne soit pas essentiel.

J'ai essayé using requireJS pour le noeud, mais il semble avoir beaucoup d'erreurs de dépendance, et c'est peut-être un peu démodé.

J'ai aussi essayé de voler, mais je ne suis pas sûr que ce soit le bon chemin non plus. J'ai aussi essayé ça. Essentiellement je veux faire ce que js fait dans le navigateur, mais dans un environnement javascript pur (pas de navigateur, pas de noeud).

Je veux aussi regrouper tout bas à l'aide browserify, et ont regardé des choses comme ça - RequireJS load string

Le problème est, quand je vais à browserify le code, (nécessitant, requirejs) le processus échoue avec les dépendances non trouvées ?

Quelqu'un peut-il me diriger dans la bonne direction?

Answer 1

Les technologies que vous évoquez ne sont pas complètement compatibles entre elles. Considérez une ligne comme require('meow'). Avec browserify/webpack/etc le fichier qui sera chargé est node_modules/meow/main.js (en fonction de ce que package.json dit est le fichier principal). Dans requirejs, ce même fichier chargera le chemin /meow via le navigateur ou depuis la racine baseUrl de votre projet. Le moyen de surcharger ceci est d'ajouter des options de configuration dans requirejs. C'est vraiment pénible car cela vous oblige à créer une entrée pour chaque paquet dans node_modules. En bref, vous ne pouvez pas vraiment combiner requirejs et browserify sans beaucoup de travail.

Pour configurer le fractionnement de code à l'aide de browserify ou de webpack, vous devez définir un nouveau point d'entrée pour l'ensemble. Ensuite, lorsque vous le chargez à partir de votre application, vous devez charger ce paquet js en faisant quelque chose comme fetch('https://myserver.com/bundle2.js').then().... Il existe une poignée d'outils qui peuvent vous aider à le faire en utilisant webpack ou browserify.

1. Certaines stratégies avec Browserify - http://esa-matti.suuronen.org/blog/2013/04/15/asynchronous-module-loading-with-browserify/
2. Webpack - https://webpack.github.io/docs/code-splitting.html

L'histoire du web est pas très bien autour de ce moment (à partir de 2017). La plupart des systèmes le font de manière personnalisée.