hiiamyes · September 18, 2015 03:35
diff --git a/entry.cjsx b/entry.cjsx
 React = require 'react'
 Hello = require './Hello'
 React.render <Hello />, document.getElementById('content')
diff --git a/Hello.cjsx b/Hello.cjsx
 React = require 'react'
 module.exports = React.createClass({
    displayName: 'HelloReact',
    render: ->
        return <div>Hi~ I'm Yes</div>
 })
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
    <title>Basic Property Grid</title>
    <script src="../../node_modules/react/dist/react-with-addons.js"></script>
 </head>
 <body>
    <div id="content">
    </div>
    <script type="text/javascript" src="bundle.js"></script>
 </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
 module.exports = {
    entry: './entry.cjsx',
    output: {
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.cjsx$/,
                loader: 'coffee-jsx-loader'
            }
        ]
    },
    externals: {
        'react': 'React'
    },
    resolve: {
        extensions: ['', '.js', '.cjsx']
    }
 }
	React = require 'react'
	Hello = require './Hello'
	React.render <Hello />, document.getElementById('content')
	React = require 'react'
	module.exports = React.createClass({
	displayName: 'HelloReact',
	render: ->
	return <div>Hi~ I'm Yes</div>
	})
	<!DOCTYPE html>
	<html>
	<head>
	<title>Basic Property Grid</title>
	<script src="../../node_modules/react/dist/react-with-addons.js"></script>
	</head>
	<body>
	<div id="content">
	</div>
	<script type="text/javascript" src="bundle.js"></script>
	</body>
	</html>