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
        });