Brunch + Marionette.js + Babel/ES6 PWA

This is a modern Progressive Web App JS skeleton with Marionette.js for Brunch.


Clone this repo manually

git clone && cd brunch-with-marionettejs

or use

brunch new dir -s marionettejs

Getting started

  • Install (if you don’t have them):

    • Node.js: brew install node on OS X
    • Brunch: npm install -g brunch
    • npm install -g cnpm --registry= 之后不翻墙使用cnpm代替npm 淘宝npm
    • Brunch plugins and app dependencies: npm install
    • Brunch plugins and app dependencies: npm install -g bower
    • bower install
  • Run:

    • brunch watch --server — watches the project with continuous rebuild.
      This will also launch HTTP server with pushState.
      There are also added offline feature using sw-precache, sw-precache-brunch, which makes skeleton work offline.
    • brunch build --production — builds minified project for production
  • Learn:

Progressive Web Apps

Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native
applications to users. They’re reliable, fast, and engaging. More

Service Worker

A service worker is a script that your browser runs in the background, separate from a web page, opening the door to
features that don’t need a web page or user interaction. More

Service Worker Precache

sw-precache is a module for generating a service worker that precaches resources.
It’s added as part of Brunch plugin sw-pracache-brunch.

Web App Manifest

The Manifest for Web applications is a simple JSON file that gives you, the developer, the ability to control how your
app appears to the user in the areas that they would expect to see apps. More

How to try it?

It’s hosted on gh-pages -

Don’t forget to go offline and see what happens

P.S. Inspired by @jeffposnick -

#问题1: this.$(‘.view-content’).niceScroll({ 错误
jquery 版本问题 删除 node_modules\jquery.nicescroll\node_modules\jquery

Related post
  • Hello World

    Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using ...

    Hello World
  • install elasticsearch on linux

    Linux安装elasticsearch配置参考下载http:// 配置好JAVA_HOME需要jkd1.7以上版本, 配置好JAVA_HOME ES 5.3yum安...

    install elasticsearch on linux
  • flowchat

    $$E=mc^2$$ $$\sum_{i=1}^n a_i=0$$$$\sum ^ {j-1}{k=0}{\widehat{\gamma} {kj} z k } $$ $$\Gamma(z) = \int_0^\infty t^...

  • linux-common-comand

    linux 一些命令工具nginx basic 认证文件生成12yum install httpd-toolshtpasswd -c 生成的认证文件名 用户名 字符串搜索12grep -Ril '搜索内容' ./...

  • cabot install

    cabot 安装环境 centos6.5 64 python: 2.7 python2.7 安装参考graphite-install-on-centos cabot安装参考

    cabot install
  • luigi install

    luigi 安装官方文档:中文:

    luigi install
  • centos repo


    centos repo
  • graphite install on centos

    graphite 安装环境 centos6.5 64 python: 2.7公司机器: 参考客户端: graphitesend 中文文档:

    graphite install on centos
  • linux install nginx

    linux 安装nginx一键安装123456789101112wget http://ip/tools/nginx/nginx-1.10.2.tar.gztar -vxf nginx-1.10.2.tar.gz cd nginx-1...

    linux install nginx
  • private docker server

    搭建docker私有服务器公司:系统: centos 7 1611版本python: 系统自带2.7.5docker-registry功能增强: Harbor 国内镜像使用http://www.cnblog...

    private docker server
Please check the comment setting in config.yml of hexo-theme-Annie!