laravel react 初期設定
フロントエンド片手間ンによる Laravel Elixir 入門 - Qiita
yum install nodejs npm
npm -v
npm install -g gulp
gulp -v
npm install -g bower
bower -v
yum --enablerepo=epel install php-devel yum --enablerepo=epel install php-devel
package.jsona
{ "private": true, "devDependencies": { "gulp": "^3.8.8" }, "dependencies": { "laravel-elixir": "^3.0.0" } }
npm install
npm install --save react react-dom babelify babel-preset-react
gulpfile.js
var elixir = require('laravel-elixir'); elixir(function(mix) { mix.sass('app.scss') .browserify('app.js') .copy( 'node_modules/font-awesome/fonts', 'public/build/fonts' ).version(['css/app.css', 'js/app.js']); .browserSync({proxy: 'works.dev'}); });
Laravel5 ベースのプロジェクトに React が爆速で導入できた話 - 無駄と文化
resources/assets/js/app.js
var React = require('react'); var ReactDOM = require('react-dom'); ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') );
public/react-example/index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> </head> <body> <div id="example"></div> <script src="/js/app.js"></script> </body> </html>
gulp watch
http://localhost:8000/react-example/
Error in plugin 'gulp-notify'
npm install --save-dev gulp-notify
yum install libnotify
で解決
react-laravel composer
composerが存在するパッケージを見つけられない - Qiita
{ "minimum-stability": "dev", "require": { "example/package1": "dev-master", } }
yum install v8
yum --enablerepo=remi,remi-php70 install php-devel