Skip to content

Latest commit

 

History

History
57 lines (38 loc) · 2 KB

README-pt.md

File metadata and controls

57 lines (38 loc) · 2 KB
Raw

ionic es6 Webpack

Template Ionic sidemenu using ES6 + Webpack + NG6

Esse repositorio serve para a criação projeto inicial feito em ionic usando a template sidemenu, porem com uma adapatação baseado no projeto NG6-starter para ser escrito em Angular.js usando o ES6, Webpack + Babel e Gulp para gerenciar tarefas e gerar códigos.

Serão descritas aqui as principais modificações feitas para rodar um projeto Ionic, para as demais explicações acesse o projeto NG6-starter.

Getting Started

Dependencies

Para rodar esse app é necessario:

Run

#clone
$  https://github.com/felisio/ionic-es6-webpack.git newProject && cd newProject

#install dependencies
$ npm install

#run
gulp

Component

Baseado no gerador de component do NG6-starter, porem com as devidas adpatações para gerar um componente para o ionic. Sua criação é simples, bastar chamar umas task do gulp e ira assim criar o component dentro da pasta www/app/components. Assim gerando na seguinte estrutura:

  componentName/
    |__ componentName.component.html #Pagina aonde ficara os htmls do seu modulo
    |__ componentName.component.js #Arquivo da diretiva que linca ctrl e view
    |__ componentName.controller.js #Ctrl da diretiva
    |__ componentName.factory.js #resource para chamar serviços
    |__ componentName.html #Html que carrega components do ionic e da view
    |__ componentName.js #Criação do modulo angular para dispatch
    |__ componentName.spec.js #demosntrações de tests

Code generator

Chame o seguinte comando no seu terminal

#generator
gulp component --name componentName