Discussion :

[sbeu]

Bonjour,
Je dois développer une application web sur une TV LG. Je suis débutant en dev web et je me perds dans toutes les technos qui existent...
Pour que la tele lance l'application, je fais un .zip avec les fichiers de l'appli web. J'arrive à lancer une page web très simple. (index.html avec du JS "simple")
Je me suis rendu compte que le navigateur de la tele n'est pas du tout le meme que mon Firefox ou mon Chrome. Les gars de chez LG m'ont dit que le navigateur est basé sur Chromium V53. Donc en cherchant un peu, j'ai vu qu'il fallait TRANSPILER mon code si j'utilisais du Javascript "récent". Par exemple "let" ou function*
Ma question enfin:
Webpack sert-il à Transpiler le code? Si oui, avec quels plugins? Comment compiler du code compatible pour la TV? Je suis perdu...

Merci de votre aide.

[NoSmoking]

Bonjour,
regarde plutôt du côté de Babel pour convertir de l'ES6 vers de l'ES5.

[sbeu]

Merci NoSmoking.
Dans package.json pour l'instant j'ai:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
"babel": {
  "presets": [
    [
      "env"
]
  ]
}

et dans le webpack.config.js j'ai:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
module.exports = {
    // 1
entry: './src/index.js',
// 2
output: {
        path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
// 3
devServer: {
        contentBase: './dist'
},
module: {
        rules: [
            {
                test: /\.(js)$/,
exclude: /node_modules/,
use: ['babel-loader']
            }
        ]
    },
resolve: {
        extensions: ['*', '.js']
    },
};

J'ai besoin de webpack pour pouvoir deployer le tout en minifiant, et en transpilant. Webpack sert à ca non?
En utilisant ces deux fichiers de config, le code peut s'exécuter sur quels navigateurs? Je ne comprends pas trop...

[Marco46]

Comme dit plus haut, Babel sert à transpiler du code dans une certaine version de JavaScript, vers une autre version de JavaScript.

Généralement on transpile du code d'une version récente du langage vers du JS en version 5 qui est supporté par tous les navigateurs.

Webpack est un outil différent qui sert à en particulier à générer un livrable, c'est à dire une version déployable de ton application. Comme c'est Webpack qui analyse ton code et réalise la génération du livrable, il a besoin de savoir piloter Babel (via son loader) pour transpiler ton code source dans une version récente de JS vers le livrable en version 5 de JS.

Par convention le livrable est généré dans la répertoire dist/ de ton code source, c'est ce répertoire et uniquement ce répertoire qu'il faudra ensuite déployer sur ton serveur web.

Pour pouvoir t'aider il nous faut ton package.json au complet car en fonction des versions de tes dépendances la manière de faire varie grandement.

[sbeu]

Merci à tous.
J'ai pu configurer pour transpiler le code avec babel. Je trouve toutefois que les tutos sur internet sont super nombreux et que comme la techno avance tous les mois, pas facile de trouver les bons paramètres à utiliser...