(Japanese: イシズマイ Ishizumai) is a Bug/Rock Pokémon.
Dwebble is a starting point for making serious single page apps. It uses webpack as a module system, react for views and sass for style. For an even more opinionated front-end boilerplate - Dwebble evolves into Crustle starting at level 34.
- Clone this repo and change the
origingit remote. - Install node modules:
npm install
npm run dev-server
open http://localhost:8080/
- The configuration is
webpack-dev-server.config.js. - Static HTML is served from
config/dev-server-public. - It automatically recompiles and refreshes the page when files are changed.
npm run hot
open http://localhost:8080/
- The configuration is
webpack-hot-dev-server.config.js. - Static HTML is served from
config/dev-server-public. - It automatically recompiles when files are changed. When a hot-replacement-enabled file is changed (i. e. stylesheets or React components) the module is hot-replaced. If Hot Replacement is not possible the page is refreshed.
- Copy the
s3.example.jsonfile inconfig/. - Replace the placeholder values with your S3 bucket
- Run the deploy script:
npm run deploy
- Static HTML is located in
config/production-public. - You might need to run it again if the Html file doesn't get picked up.
- The actual build folder is located in
build/public/ - The main css and js files should get sent to the build folder, but if you have other static assets you may need to create a gulp task for them, or use webpack to move them in.
To build the production files without deploying:
npm run build
David Hauser
Ben Jennings
MIT (http://www.opensource.org/licenses/mit-license.php)
Many thanks to @sokra for getting us started with webpack and react!