From dc201583f17d45d009e1f1a2ba57e9d17d4f0c85 Mon Sep 17 00:00:00 2001 From: Marianne Feng Date: Fri, 9 Jun 2017 21:05:58 -0700 Subject: [PATCH] most basic-ist of all basics --- .babelrc | 1 + .gitignore | 1 + README.md | 1 + app/components/App.js | 7 +++++++ app/index.html | 10 ++++++++++ app/index.js | 8 ++++++++ package.json | 24 ++++++++++++++++++++++++ webpack.config.js | 25 +++++++++++++++++++++++++ 8 files changed, 77 insertions(+) create mode 100644 .babelrc create mode 100644 .gitignore create mode 100644 README.md create mode 100644 app/components/App.js create mode 100644 app/index.html create mode 100644 app/index.js create mode 100644 package.json create mode 100644 webpack.config.js diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..9207a98 --- /dev/null +++ b/.babelrc @@ -0,0 +1 @@ +{ presets: ['react']} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2ccbe46 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/node_modules/ diff --git a/README.md b/README.md new file mode 100644 index 0000000..c9a32a2 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +Basic React app template from Codeacademy diff --git a/app/components/App.js b/app/components/App.js new file mode 100644 index 0000000..3f29f8d --- /dev/null +++ b/app/components/App.js @@ -0,0 +1,7 @@ +var React = require('react'); + +function App() { + return

MARIANNE

; +} + +module.exports = App; diff --git a/app/index.html b/app/index.html new file mode 100644 index 0000000..cf6b486 --- /dev/null +++ b/app/index.html @@ -0,0 +1,10 @@ + + + + + HAY GURL + + +
+ + diff --git a/app/index.js b/app/index.js new file mode 100644 index 0000000..2268f59 --- /dev/null +++ b/app/index.js @@ -0,0 +1,8 @@ +var React = require('react'); +var ReactDOM = require('react-dom'); +var App = require('./components/App'); + +ReactDOM.render( + , + document.getElementById('app') +) diff --git a/package.json b/package.json new file mode 100644 index 0000000..2690dd8 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "react-test", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "build" : "webpack", + "start": "webpack-dev-server" + }, + "author": "", + "license": "ISC", + "dependencies": { + "react": "^15.5.4", + "react-dom": "^15.5.4" + }, + "devDependencies": { + "babel-core": "^6.25.0", + "babel-loader": "^7.0.0", + "babel-preset-react": "^6.24.1", + "html-webpack-plugin": "^2.28.0", + "webpack": "^2.6.1", + "webpack-dev-server": "^2.4.5" + } +} diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..5ccca1c --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,25 @@ +var HTMLWebpackPlugin = require('html-webpack-plugin'); + +var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({ + template: __dirname + '/app/index.html', + filename: 'index.html', + inject: 'body' +}); + +module.exports = { + entry: __dirname + '/app/index.js', + module: { + loaders: [ + { + test: /\.js$/, + exclude: /node_modules/, + loader: 'babel-loader' + } + ] + }, + output: { + filename: 'transformed.js', + path: __dirname + '/build' + }, + plugins: [HTMLWebpackPluginConfig] +};