laravel+react+webpack+babel+gulp的配置
laravel
composer create-project laravel/laravel --prefer-distnpm
npm install gulp webpack -gnpm install react react-dom babel-loader babel-preset-es2015 babel-preset-react --save-devwebpack.config.js
var path = require('path');
var config = {
entry: path.resolve(__dirname, 'resources/assets/js/main.js'),
output: {
path: path.resolve(__dirname, 'public/js'),
filename: 'bundle.js'
},
resolve: {
extensions: ['', '.js', '.jsx']
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}
]
}
};module.exports = config;main.js
import React from 'react';
import ReactDom from 'react-dom';ReactDom.render(<h1>asd</h1>, document.getElementById('app'));build
webpack -whtml
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>react</title>
</head>
<body>
<div id="app"></div>
<script src="js/bundle.js"></script>
</body>
</html>本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2017-01-05，如有侵权请联系 cloudcommunity@tencent.com 删除
本文分享自 交互设计前端开发与后端程序设计 微信公众号，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ，欢迎热爱写作的你一起参与！
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
