https://github.com/jaredlunde/webpack2-react-env-boilerplate
A boilerplate for creating Javascript packages with Webpack 2, babel-preset-env and React + HMR.
https://github.com/jaredlunde/webpack2-react-env-boilerplate
babel-es6 babel-webpack boilerplate boilerplate-template code-splitting hmr hot-reload react react-boilerplate webpack webpack2 webpack2-boilerplate
Last synced: 23 days ago
JSON representation
A boilerplate for creating Javascript packages with Webpack 2, babel-preset-env and React + HMR.
- Host: GitHub
- URL: https://github.com/jaredlunde/webpack2-react-env-boilerplate
- Owner: jaredLunde
- License: mit
- Created: 2017-03-06T05:27:10.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-17T17:57:07.000Z (almost 9 years ago)
- Last Synced: 2025-07-08T23:51:37.061Z (8 months ago)
- Topics: babel-es6, babel-webpack, boilerplate, boilerplate-template, code-splitting, hmr, hot-reload, react, react-boilerplate, webpack, webpack2, webpack2-boilerplate
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# webpack2-react-env-boilerplate
## A boilerplate for creating applications with Webpack 2.2, Babel w/ babel-preset-env, and React.
This package includes everything you need to start building an application with
Webpack 2 and React.
### package.json
Here you'll find a list of devDependencies for creating this type of
application, however, they are listed under 'dependencies' since I use this
project as a grouped devDependency in my personal projects.
### package.json.tpl
Here is an example of what your package.json might look like, were you to
use this package as a devDependency. Should you choose to do so, you can
install this package with the command:
`npm install --save-dev webpack2-react-env-boilerplate`
### server.js
Using the command `NODE_ENV=development && node server.js` will start your
application with hot module reloading on port `:3000` of your localhost, using
the webpack configuration at `webpack.config.dev.js` and the index file at
`index.html`.
### webpack.config.dev.js
This is an example of a basic development webpack configuration file for this
type of application.
### webpack.config.js
This is an example of a basic distribution webpack configuration file for this
type of application. Commented out are examples of implementing http2
aggressive code splitting.
### .babelrc
This is an example of a basic Babel 6 configuration utilizing babel-preset-env.
### /src
This is where example index files for both hot reloading (`index.hot.js`) and
distribution builds (`index.js`) are located, as well as the 'Hello world'
React component (`App.js`).
### /assets
Development Javascript files are output to this folder from
`webpack.config.dev.js` and static assets such as images and SASS can be
placed in here.