It is quite opinionated, so feel free - to make suggestions to improve it.
Includes following:
Requirements:
yarn install
yarn run dev
open http://localhost:2992
yarn run lint
yarn run test
yarn run build
for production build, or yarn run build-dev
for development buildTo analyze your bundle size - I recommend using Webpack Bundle Analyzer
At first be sure that you are familiar with ES2015, some useful materials:
Read Airbnb JavaScript Style Guide - it is important to know, what is good and what is not, and why.
At least briefly read webpack documentation it is crucial to understand how it works in general.
├── build # build stats
├── public # public folder (webroot for dev server)
│ ├── _assets # build results - assets packed by webpack
│ └── index.html # one of app entry points, for dev server
└── src # app sources
├── demo # one of app modules
├── index.js # app entry module
├── index.scss #
└── index.test.js # entry point for test karma
Except my notes below(which can be incomplete and outdated), I highly encourage you to check out:
Application organisation rules:
Directive
, Controller
, Factory
, Service
, Provider
.test
suffix for test file names