first commit

imcycle · imcycle · commit 96dfc19170ce · 2020-04-15T00:53:23.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+package-lock.json
diff --git a/README.md b/README.md
@@ -0,0 +1,17 @@
+# simple-react-app
+
+react, react-dom, webpack, babel.
+
+一切从简，最简单的配置。
+
+## 启动
+
+```shell
+npm run start
+```
+
+## 打包
+
+```shell
+npm run build
+```
diff --git a/babel.config.json b/babel.config.json
@@ -0,0 +1,9 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Simple React App</title>
+</head>
+
+<body>
+  <div id="root"></div>
+</body>
+<script src="./index.js"></script>
+
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+class App extends React.Component {
+
+  render() {
+    return (
+      <div>Hello World1!</div>
+    )
+  }
+}
+
+ReactDOM.render(
+  <App />,
+  document.getElementById('root')
+);
diff --git a/package.json b/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "simple-react-app",
+  "version": "1.0.0",
+  "description": "低配版react-webpack脚手架，快速搭建react基础环境，用于react相关测试。",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack --mode production",
+    "start": "webpack-dev-server",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/whosMeya/simple-react-app.git"
+  },
+  "keywords": [
+    "simple-react-app",
+    "react",
+    "webpack",
+    "babel"
+  ],
+  "author": "whosmeya",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/whosMeya/simple-react-app/issues"
+  },
+  "homepage": "https://github.com/whosMeya/simple-react-app#readme",
+  "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/polyfill": "^7.8.7",
+    "@babel/preset-env": "^7.9.5",
+    "@babel/preset-react": "^7.9.4",
+    "babel-loader": "^8.1.0",
+    "html-webpack-plugin": "^4.2.0",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.10.3"
+  },
+  "dependencies": {
+    "@types/react": "^16.9.34",
+    "@types/react-dom": "^16.9.6",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,22 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+let config = {
+  entry: './index.js',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'index.js'
+  },
+  module: {
+    rules: [
+      { test: /\.js$/, use: 'babel-loader' }
+    ]
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+    }),
+  ],
+}
+module.exports = config;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+node_modules`
	`2`	`+dist`
	`3`	`+package-lock.json`