ecommerce
v0.1.1
Published
Easily create Ecommerce sites powered by Hanzo.
Downloads
46
Readme
Ecommerce
Easily create fully-static ecommerce sites powered by Hanzo.
Install
npm install -g ecommerce
Usage
ecommerce new my-new-site
Project layout
- Project related files in root:
- README
- Gitignore
- Build related files
- Assets in
src/
- Entire project builds into
dist/
- Static content copied into
dist/
(and optionally optimized along the way) - Spritemap generated and copied to
dist/img/sprite.png
- Application CSS (necessary across all pages) is bundled into
dist/css/app.css
- Page-specific CSS bundled as necessary into
dist/css/<page>.css
- Vendor (third-party) + application JS (necessary across all pages) bundled into
dist/js/app.js
- Page-specific JS bundled as necessary into
dist/js/<page>.js
- HTML is generated from remote content + templates
Fonts, Images copied
src/font/* ---> dist/font/*
src/img/* ---> dist/img/*
Spritemap generated
src/img/sprite/1.png ---> dist/img/sprite.png
src/img/sprite/2.png /---> .tmp/sprite.css
src/img/sprite/3.png /
App CSS bundled
src/css/index.styl ---> dist/css/app.css
src/css/a.styl /
src/css/b.styl /
node_modules/dep/dep.styl /
.tmp/sprite.css /
Page-specific CSS bundled
src/css/page/index.styl ---> dist/css/<page>.css
src/css/page/a.styl /
src/css/page/b.styl /
Vendor JS concatenated
src/js/vendor/jquery.js ---> .tmp/vendor.js
src/js/vendor/a.js /
src/js/vendor/b.js /
src/js/vendor/c.js /
src/js/vendor/d.js /
App JS bundled
src/js/index.coffee ---> .tmp/bundle.js
src/js/a.coffee /
src/js/b.coffee /
src/js/c.coffee /
node_modules/dep/dep.js /
Concat vendor + bundled JS
.tmp/vendor.js ---> dist/js/app.js
.tmp/bundle.js /
Page-specific JS bundled
src/js/page/index.coffee ---> dist/js/<page>.js
src/js/page/a.coffee /
src/js/page/b.coffee /
src/js/page/c.coffee /
node_modules/dep2/dep2.js /
HTML generated from templates + includes
src/index.jade ---> dist/index.html
src/_header.jade /
src/_footer.jade /
src/page.jade ---> dist/page.html
src/_header.jade /
src/_footer.jade /
HTML generated from templates + remote content
src/post.jade ---> dist/post/slug.html
src/_header.jade /
src/_footer.jade /
api.hanzo.io/content/:slug /
src/product.jade ---> dist/product/slug.html
src/_header.jade /
src/_footer.jade /
api.hanzo.io/product/:slug /