Installation de Marionette
Modularité
Une approche modulaire est à privilégier d'emblée pour la complexité future de votre application. Le Javascript ne proposent pas nativement de gestion de dépendances (quoique l'ES6 en propose à présent), il est possible de faire appel soit
- aux modules AMD, via require.js
- aux modules CommonJS, grâce à browserify
Workflow de publication
Dans les deux cas, il est important d'installer un environement node.js et d'établir un workflow de publication automatisé, par exemple depuis les scripts npm.
Suivez ce guide complet en choisissant votre plateforme de développement.
Browserify
Nous optons pour l'emploi de la librarie browserify. Pour cela, nous allons nous inspirer du dossier du cookbook repository.
- Définissez un nouveau projet dans un répertoire dédié
Suivez les étapes de la ligne de commande.npm init
- Installez browserify depuis le
package.json
npm install --savedev browserify
- Installez les libraries depuis le
package.json
npm install --save-dev
- Installez les dépendances
npm install underscore --save npm install jquery --save npm install backbone --save npm install backbone.marionette --save
- Placez ce code dans la propriété
script
depackage.json
"build": "./node_modules/browserify/bin/cmd.js app.js -o build.js"
- Ajoutez un fichier
index.html
<html> <body></body> <script src="build.js"></script> </html>
- Développez votre application depuis un fichier
app.js
- Compilez votre code source dès que vous souhaitez le tester
npm run build