Pulse7
7/22/2017 - 8:42 PM

React config

React config

var webpack = require("webpack");
var path = require("path");

var DEV = path.resolve(__dirname, "dev");
var OUTPUT = path.resolve(__dirname, "output");

var config = {
    entry: DEV + "/index.jsx",
     output: { 
        path: OUTPUT,
         filename: "bundle.js"
    },
    module: {
        loaders: [{
            include: DEV,
             loader: "babel-loader",
             
        }]
    }
};

module.exports = config;
{

    "name": "test",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "babel-core": "^6.25.0",
        "babel-loader": "^7.1.1",
        "babel-preset-es2015": "^6.24.1",
        "babel-preset-react": "^6.24.1",
        "react": "^15.6.1",
        "react-dom": "^15.6.1",
        "webpack": "^3.3.0"
    },
    "babel": {
        "presets": [
            "es2015",
            "react"
        ]
    }
}
import React from "react";
import ReactDOM from "react-DOM";

var root = document.querySelector("#root");

class App extends react.Component{
    render(){
        return <h1>Hello from App</h1>
    }
}

reactDOM.render(<App/>,root);
node_modules\.bin\webpack.cmd