Carcará-angular is a simple Boilerplate to start angular projects with the most common structures and tasks of my workflow.
In 2013, serve the Brazilian army through the core of preparation of reserve officers (NPOR) of 59th motorized infantry battalion in Maceió-AL. CARCARÁ was the name given to my squad, which went through a great experience that contributed to my life in many ways and naming this project and others to come is a way to demonstrate his great use to me, but also I hope it is for all to see.
This is a demo of angular, webpack, oclazyload(to lazyLoad modules), sass.
The base app has pages 1-3, and page4 module is optional. See below to build it.
This project uses or makes :
- Atomic SASS Styles
- oclazyload(to lazyLoad modules) 🆗
- Editor Config
- Babel 🆗
- Tests
- Jasmine
- Karma
- Protractor
- Webpack 🆗
- Compile Sass 🆗
- Watch Files 🆗
- Live Reload
- Uglify & Concat JS
- JS Linter 🆗
- Move to Dist Folder 🆗
- Minify images
- Create Sprites
First of all, install the dependencies to run this boilerplate.
# Clone this repository
$ git clone git@github.com:fromdenisvieira/carcara-angular-webpack.git [name_of_project]
$ cd [name_of_project]
# install bower globally
$ npm install bower -g
# install webpack globally
$ npm install webpack -g
# install webpack-dev-server globally
$ npm install webpack-dev-server -g
# install dependencies
$ npm install
Wait and enjoy!!!
With the commands above, you have everything to start.
├── README.md
├── build
│ ├── css
│ │ └── style.css
│ ├── img
│ ├── index.html
│ └── js
│ └── main.js
├── gulpfile.babel.js
├── package.json
└── src
├── img
├── js
├── styl
│ ├── _core/*.styl
│ ├── atoms/*.styl
│ ├── molecules/*.styl
│ ├── organisms/*.styl
│ ├── widgets/*.styl
│ ├── pages/*.styl
│ └── style.styl
└── jade
└── index.jadeThose folders and file will change during the project.
Run webpack dev server
npm run dev
Build dev
npm run build
Build production with minification
npm run deploy
To compile and add optional module
npm run demo
This boilerplate uses as a base in the awesome referencies
- webpack-angular-oclazyload by Andrew Young .
© Denis Vieira Rufino