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