├── main.js
├── package.json
└── readme.md


/main.js:
--------------------------------------------------------------------------------
 1 | var Elixir = require('laravel-elixir');
 2 | 
 3 | Elixir.ready(function() {
 4 |     Elixir.webpack.mergeConfig({
 5 |         babel: {
 6 |             presets: ['react', 'es2015', 'stage-1']
 7 |         },
 8 |         module: {
 9 |             loaders: [
10 |                 {
11 |                     // use babel-loader for *.js and *.jsx files
12 |                     test: /\.jsx?$/,
13 |                     exclude: /node_modules/,
14 |                     loader: 'babel'
15 |                 }
16 |             ]
17 |         },
18 |         resolve: {
19 |             extensions: ['', '.js', '.json', '.jsx' ]
20 |         }
21 |     });
22 | });


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "laravel-elixir-webpack-react",
 3 |   "version": "1.0.1",
 4 |   "description": "A package to provide support for compiling React JSX files in Laravel Elixir 6",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/tightenco/laravel-elixir-webpack-react.git"
12 |   },
13 |   "keywords": [
14 |     "laravel",
15 |     "elixir",
16 |     "webpack",
17 |     "react",
18 |     "jsx"
19 |   ],
20 |   "author": "Tighten Co. (samantha@tighten.co)",
21 |   "license": "MIT",
22 |   "bugs": {
23 |     "url": "https://github.com/tightenco/laravel-elixir-webpack-react/issues"
24 |   },
25 |   "homepage": "https://github.com/tightenco/laravel-elixir-webpack-react#readme",
26 |   "dependencies": {
27 |     "babel-core": "^6.14.0",
28 |     "babel-loader": "^6.2.5",
29 |     "babel-preset-es2015": "^6.14.0",
30 |     "babel-preset-react": "^6.11.1",
31 |     "babel-preset-stage-1": "^6.13.0"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Laravel Elixir React Integration
 2 | 
 3 | This package provides Webpack support for ES6 React JSX files in Laravel Elixir 6 projects.
 4 | 
 5 | ## Installation
 6 | 
 7 | ```
 8 | npm install --save-dev laravel-elixir-webpack-react
 9 | ```
10 | 
11 | ## Config
12 | 
13 | In your `gulpfile.js`:
14 | 
15 | ```
16 | var elixir = require('laravel-elixir');
17 | 
18 | require('laravel-elixir-webpack-react');
19 | 
20 | elixir(function(mix) {
21 |     mix.webpack('main.js'); // resources/assets/js/main.js
22 | });
23 | ```
24 | 


--------------------------------------------------------------------------------