Webpack with HMR for Cordova
Last updated a year ago by benallfree .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install corpack 
SYNC missed versions from official npm registry.


Cordova + Webpack + HMR = Love

Corpack makes Cordova development dreamy with webpack presets for modern ES6 and Hot Module Replacement.


npm install -g corpack

Create a new Cordova app:

cordova create hello com.example.hello HelloWorld

Initialize it with Corpack:

corpack init

Start an HMR-ready dev server:

corpack --serve

Now run your app. Saving source files will instantly refresh in the app:

cordova run ios

Batteries Included

Corpack uses ES6 + proposals. Classes, decorators, arrow functions... you can use it all.

corpack init uses React as the base framework and comes preconfigured with it. If you use something different, it's easy enough to remove.

React and Webpack work exceptionally well together. Most asset types can be embedded (SCSS, CSS, JS, GIF, PNG, JPG, MP3) and used in your applicaiton as follows:

import myPng from './assets/logo.png

const Image = props=><Image src={myPng}/>

Other commands

corpack by itself will run the equivalent of the webpack command with cordova prepare tacked on.

corpack --watch will watch continuously for file changes.

Integrating into an exiting projects

Corpack turns ./www into a build directory. When you run Rearrange your source into the following folder structure:

  index.js   <-- This is the corpack entry point
  ...other source files (JS, CSS)...


Big ups to webpack, webpack-dev-server, Hot Module Replacement, and Laravel Mix.

Current Tags

  • 0.0.1                                ...           latest (a year ago)

1 Versions

  • 0.0.1                                ...           a year ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 2
Dependents (0)

Copyright 2014 - 2016 © |