4

Eu tenho um projeto HTML5 Cordova e eu preciso para fazer um hook antes de compilação para converter toda pasta projectos (www) para ES5 antes de compilar. É possível?

Estrutura

cordova/
    hooks/
    node_modules/
    platforms/
    plugins/
    www/
    config.xml
    icon.png
    splash.png
6
  • Estás em Node.js certo? Podes colocar o código do ficheiro que compila?
    – Sergio
    Commented 9/08/2016 às 21:50
  • @Sergio O projeto é Cordova, não node. Mas tenho o node. Posso postar sim.
    – ropbla9
    Commented 9/08/2016 às 21:59
  • @Sergio Atualizei a pergunta com os diretórios.
    – ropbla9
    Commented 9/08/2016 às 22:34
  • Utilizo Rollup + Bublé, vale a pena dar uma olhada, no meu caso a compilação é bem mais rápida. Commented 10/08/2016 às 14:28
  • @JonatasWalker Da pra converter diretório ou só arquivo esse Bumblé?
    – ropbla9
    Commented 10/08/2016 às 16:55

1 Resposta 1

2

Eu tenho algo parecido montado numa app em que estou a trabalhar. Aí misturo coisas de Browserify e Babel pois importo módulos que quero ter no cliente com npm. Mas a versão só Babel poderia ser assim:

"use strict";
var exec = require('child_process').exec;

function babel(){
    return new Promise(resolve, reject){
        exec('babel --presets es2015 js --out-dir public/js', {
            cwd: __dirname + '/../'
        }, (err) => {
            if (err) reject(err);
            else resolve();
        });
    });
}

module.exports = Promise.all([babel]);

Uso o Promise.all porque coloco nessa array mais coisas que preciso de compilar. Podes encadear com o .then() e chamar o compilador do córdova em seguida se estiveres a chamar via command line.

Na minha pasta estou a correr este módulo em root/lib, os ficheiros originais estão em root/js e estou a compilar todos os ficheiros de .js para root/public/js.

As dependencias são:

"babel-cli": "^6.4.5",
"babel-preset-es2015": "^6.3.13",
4
  • boa! Como implementar isso em um hook do cordova para transpilar apenas em platforms/ios/assets?
    – ropbla9
    Commented 9/08/2016 às 23:02
  • @ropbla9 não conheço bem os mecanismos internos do cordova, sei que tem um "hook" central quando compila mas não domino. Isso seria uma boa nova pergunta que seria interessante ver respondida :) Dá uma olhada aqui: cordova.apache.org/docs/en/latest/guide/appdev/hooks/#configxml e podias testar colocar no config.xml um <platform name="ios"> e defenir lá que script correr.
    – Sergio
    Commented 9/08/2016 às 23:23
  • Sobre o Babel, não estou conseguindo usar pela CLI Couldn't find preset "es2015" relative to directory. Poderia abrir privado?
    – ropbla9
    Commented 10/08/2016 às 0:06
  • @ropbla9 tens razão, esqueci, juntei agora as dependencias.
    – Sergio
    Commented 10/08/2016 às 8:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .