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.
Para rodar esse app é necessario:
#clone
$ https://github.com/felisio/ionic-es6-webpack.git newProject && cd newProject
#install dependencies
$ npm install
#run
gulp
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
Chame o seguinte comando no seu terminal
#generator
gulp component --name componentName