most basic-ist of all basics

mariannefeng · Jun 10, 2017 · dc20158 · dc20158
commit dc20158
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1 @@
+{ presets: ['react']}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/node_modules/
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+Basic React app template from Codeacademy
diff --git a/app/components/App.js b/app/components/App.js
@@ -0,0 +1,7 @@
+var React = require('react');
+
+function App() {
+    return <h1>MARIANNE</h1>;
+}
+
+module.exports = App;
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>HAY GURL</title>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>
diff --git a/app/index.js b/app/index.js
@@ -0,0 +1,8 @@
+var React = require('react');
+var ReactDOM = require('react-dom');
+var App = require('./components/App');
+
+ReactDOM.render(
+  <App />,
+  document.getElementById('app')
+)
diff --git a/package.json 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
@@ -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]
+};