initial commit

4e63aa82 · Lavitr · 17d9e5ea · 4e63aa82 · 4e63aa82 · 4e63aa82
Commit 4e63aa82 authored Mar 21, 2018 by Lavitr
7 changed files
--- a/.babelrc
+++ b/.babelrc
+{
+    "presets": [
+      "env",
+      "react"
+    ],
+    "plugins": [
+      "transform-object-rest-spread"
+    ]
+  }
\ No newline at end of file
--- a/.gitignore
+++ b/.gitignore
+node_modules
+dist
+.eslintrc.js
--- a/package-lock.json
+++ b/package-lock.json
--- a/src/components/App.js
+++ b/src/components/App.js
+import React from 'react'
+ const App = () => (
+  <div>
+   <p>Hello React</p>
+  </div>
+)
+export default App;
\ No newline at end of file
--- a/src/index.html
+++ b/src/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>React HTML template</title>
+</head>
+<body>
+    <div id="root"></div>
+</body>
+</html>
--- a/src/index.js
+++ b/src/index.js
+import React from 'react'
+import { render } from 'react-dom'
+import App from "./components/App";
+render(
+  <App/>,
+  document.getElementById('root')
+)
\ No newline at end of file
--- a/webpack.config.js
+++ b/webpack.config.js
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+module.exports = {
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: "./src/index.html",  
+        })
+    ],
+    devtool: 'inline-source-map',
+    module: {
+        rules: [
+            { test: /\.css$/, use:['style-loader', 'css-loader']},
+            { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
+            {
+                test: /\.html$/,
+                use: [
+                  {
+                    loader: "html-loader",
+                    options: { minimize: true }
+                  }
+                ]
+              }
+        ]
+    }
+};