🥇 Construindo Javascript com Fly

Acabei de descobrir Fly . Um novo sistema de construção que tira proveito de alguns novos recursos do Javascript ES2015. Ao contrário do Webpack, Grunt ou Gulp, parece muito fino. Basta instalá-lo via

npm install --save-dev fly fly-browserify babelify
npm install -g fly

Você precisa da instalação global para o CLI. Ele compila seu projeto ES2015 em nenhum momento com este flyfile.babel.js

const paths = {
    dist: 'dist',
    scripts: ['src/index.js']
}

export function* build() {
    yield this.clear(paths.dist)
    yield this
        .source(paths.scripts)
        .browse({ transform: [require('babelify')] })
        .concat("your-lib.js")
        .target(paths.dist)
}

A exportação faz parte do ES2015 e o fly irá registrar a função buildcomo uma nova tarefa com o mesmo nome ( fly build). Ele também usa funções de gerador para evitar o inferno de retorno de chamada para chamadas assíncronas.

Para melhorar nosso pequeno exemplo, adicionamos um monitor de sistema de arquivos a ele, simplesmente adicionando:

export default function*() {
    yield this.watch(paths.scripts, "build")
}

Isso exporta a tarefa padrão para voar que será executada na linha de comando via:

fly

Você pode usar boas importações ES6, o browserify cuida de todos os detalhes. Ele também suporta flyfiles Coffescript e muito mais.

Related Posts