Guide de migration infra-front

Motivations

Infrafront est embarqué dans les applications ce qui implique de taggué toutes les applications lorsqu’il y a un fix.

De plus, les autres modules front (thèmes…) ne sont pas gérés de cette manière: ils sont déployés 1 fois pour chaque PF.

Nous avons décidé de faire la même chose avec infrafront, les assets contiendront le module infrafront et les applications l’utiliseront.

Si une application souhaite utiliser une version différente de la PF alors elle pourra embarquer sa propre version infrafront.

Installer gulp-replace

npm i --save-dev gulp-replace

Modification du gulpfile.js

Remplacer ces lignes:

var rev = require('gulp-rev');
var revReplace = require("gulp-rev-replace");

Par cette ligne:

const replace = require('gulp-replace');

Supprimer la tache "copy-files" qui copiait infrafront dans src/main/resources

gulp.task('copy-files', ['drop-cache'], () => {
//....
})

Supprimer la dépendance "copy-files" de la tache "webpack" et la remplacer par 'drop-cache':

gulp.task('webpack', ['copy-files'], () => {
//.....
})

Supprimer la tache "rev":

gulp.task('rev', ['webpack'], () => {
//...
});

Remplacer la dépendance "rev" de la tache "build" par 'webpack':

gulp.task('build', ['rev'], () => {
//...
});

Dans la tâche build remplacer cette ligne:

.pipe(revReplace({manifest: gulp.src("./rev-manifest.json") }))

Par cette ligne:

.pipe(replace('@@VERSION', Date.now()))

Modification des fichiers html

Dans les fichiers html du dossier src/main/resources/view-src, remplacer cette ligne:

<script src="/$MONAPPLI$/public/dist/entcore/ng-app.js" id="context" type="text/javascript"></script>
<script type="text/javascript" src="/$MONAPPLI$/public/dist/application.js"></script>

Par ces lignes:

<script src="/assets/js/entcore/ng-app.js?v=@@VERSION" id="context" type="text/javascript"></script>
<script type="text/javascript" src="/$MONAPPLI$/public/dist/application.js?v=@@VERSION"></script>