UNPKG

ecommerce

Version:

Easily create Ecommerce sites powered by Hanzo.

114 lines (98 loc) 2.91 kB
# Ecommerce Easily create fully-static ecommerce sites powered by [Hanzo](https://hanzo.io). ## Install ```bash npm install -g ecommerce ``` ## Usage ```bash 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 / ```