This is a simple example app to show off what a atomify app might look like. If you want to try it out yourself:
git clone [email protected]:Techwraith/atomify-backbone-example.git
cd atomify-backbone-example
npm install
node server.js
open http://localhost:3000
The app should be pretty easy to get around in the basic structure looks like this:
ui/
|-entry.js
|-entry.css
static/
node_modules/
index.html
server.js
Serves the app on these routes
/
: serves upindex.html
/bundle.js
: serves the bundled js/bundle.css
: serves the bundled css/*
: serves up any static files instatic
Is the entry point for the Atomify bundled js. This just uses browserify under the hood, so require modules like you normally would. If you'd like to reuire a handlebars template, do that like: require('template.html.hbs')
.
Is this entry point for the Atomify bundled css. This uses npm-css and rework under the hood.
You'll notice that some variables were injected into the css in server.js
, you can use those like: color: var(variableName);
.
Any css in an @import
statement will be inlined. If the text passed into the @import
statement is a module name or a directory, it's style is imported.
Any module loaded this way needs to either have an index.css
file in it's root or a style
property in it's package.json
.