### Architecture

Please follow this file structure:
AceJs project
dev
components
component-one
component-one.component.js
component-one.component.html
component-two
component ...
stores
protectors
styles
app.js
assets
img
fonts
routes.js
index.html
node_modules
package.json
webpack.config.js
You can see basic principles of AceJs on following picture:
app.js

            import Styles from './styles/main.scss';
            import { API } from '../core';
            import { RootComponent } from './components/root/root.component';
            import { HomeComponent } from './components/home/home.component';
            import { HeaderComponent } from './components/header/header.component';

            import Docs from './components/documentation';

            import { Routes } from './router.js';
            API.register({
                root: {
                    c: RootComponent, selector: 'app-root'
                },
                components: [
                    { c: HomeComponent, selector: 'app-home' },
                    { c: HeaderComponent, selector: 'app-header' }
                ],
                modules: [
                    Docs
                ],
                routes: Routes,
                styles: Styles
            });