Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oieduardorabelo/react-fatigue-webpack
Module of modules for making modules
https://github.com/oieduardorabelo/react-fatigue-webpack
Last synced: 10 days ago
JSON representation
Module of modules for making modules
- Host: GitHub
- URL: https://github.com/oieduardorabelo/react-fatigue-webpack
- Owner: oieduardorabelo
- Created: 2016-02-26T12:49:52.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-23T16:06:30.000Z (almost 7 years ago)
- Last Synced: 2024-04-14T19:10:11.946Z (7 months ago)
- Language: Makefile
- Size: 218 KB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Fatigue Webpack
Based on the awesome [tj/react-fatigue-dev](https://github.com/tj/react-fatigue-dev), I've created this version using `webpack` instead of `browserify`,
IMO, it have a bit more of boilerplate on the Makefile.
Module of modules and Makefile to reduce the amount of boilerplate when developing React components.
## Installation
```
$ npm install -D oieduardorabelo/react-fatigue-webpack
```
## Usage
Add this module as a dev dependency, and add the following to your project's Makefile:
```Makefile
include node_modules/react-fatigue-webpack/Makefile
```
You'll now have a number of targets available, see `make help` for details. You may customize the default behaviour by overriding the Makefile variables, view `./Makefile` to see the defaults.
For example use port `:8000` instead of `:3000`, and instead of serving `./example`, serve `./test`:
```Makefile
WBP_PATH = --content-base test
WBP_PORT = --port 8000
WBP_ENTRY = test/index.js
include node_modules/react-fatigue-webpack/Makefile
```
## Includes
- babel-cli
- babel-core
- babel-loader
- babel-preset-env
- babel-preset-react
- css-loader
- file-loader
- react
- react-dom
- style-loader
- url-loader
- webpack
- webpack-dev-server
## Running without react-fatigue-webpack
You can also install all dependencies right in your project:
```
npm install -D babel-cli babel-core babel-loader babel-preset-react babel-preset-env css-loader file-loader react react-dom style-loader url-loader webpack webpack-dev-server
```
## .babelrc
Example babelrc:
```
{
"presets": ["env", "react"]
}
```
## Links
- [Example project](https://github.com/oieduardorabelo/react-fatigue-webpack-example) using react-fatigue-webpack
## Badges
---
> [eduardorabelo.me](http://eduardorabelo.me) ·
> GitHub [@oieduardorabelo](https://github.com/oieduardorabelo) ·
> Twitter [@oieduardorabelo](https://twitter.com/oieduardorabelo)