From 448696e920cc06f18a023dc2ebf304690f711edd Mon Sep 17 00:00:00 2001 From: Yuval Adam Date: Tue, 21 Jun 2016 21:54:42 +0300 Subject: Working version --- .babelrc | 3 +++ index.html | 1 + index.js | 5 ++++- package.json | 6 ++++++ webpack.config.js | 7 ++++--- 5 files changed, 18 insertions(+), 4 deletions(-) create mode 100644 .babelrc diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..86c445f --- /dev/null +++ b/.babelrc @@ -0,0 +1,3 @@ +{ + "presets": ["es2015", "react"] +} diff --git a/index.html b/index.html index 6511e4f..a90271c 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ +

diff --git a/index.js b/index.js index 702f19a..73d47e6 100644 --- a/index.js +++ b/index.js @@ -1 +1,4 @@ -document.write("It works."); +import React from 'react' +import ReactDOM from 'react-dom' + +ReactDOM.render(

Hello World

, document.getElementById('root')) diff --git a/package.json b/package.json index 9390ae8..1fc7597 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,13 @@ "main": "index.js", "dependencies": {}, "devDependencies": { + "babel-core": "^6.10.4", + "babel-loader": "^6.2.4", + "babel-preset-es2015": "^6.9.0", + "babel-preset-react": "^6.5.0", "css-loader": "^0.23.1", + "react": "^15.1.0", + "react-dom": "^15.1.0", "style-loader": "^0.13.1", "webpack": "^1.13.1", "webpack-dev-server": "^1.14.1" diff --git a/webpack.config.js b/webpack.config.js index feca40a..5d1e488 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,12 +1,13 @@ module.exports = { - entry: "./index.js", + entry: './index.js', output: { path: __dirname, - filename: "bundle.js" + filename: 'bundle.js' }, module: { loaders: [ - { test: /\.css$/, loader: "style!css" } + { test: /\.js$/, loader: 'babel', }, + { test: /\.css$/, loader: 'style!css' } ] } }; -- cgit v1.3.1