small change

Author: luo0412

README.md

@@ -1,18 +1,18 @@
 # README
 
-# 统一事项
+# 统一如下事项
 
-- 目前测试node.js: v10.15.1 --> 建议备注一下版本号
-- 尽量使用yarn安装 --> 不用因为更换了路径而重新安装依赖
-- 打包目录名统一为dist
-- 工程名格式统一
+- 测试node.js: v10.15.1 --> 建议备注一下版本号
+- 打包目录名为dist
+- 工程名格式
 
 ```
 构建工具v(webpack/gulp)
 + js-framework(react/vue) 
 + UI/技术特点(antd/elementui) 
 + author 
-(+ simple ) --> 尽量带UI示范，没有UI的加`simple`标识一下
+(+ simple ) --> 尽量带UI或场景示范，没有UI的加`simple`
+(+ old ) --> 技术栈太旧
 + 应用场景(h5/pc/IE8?) 
 + mpa/spa
 ```
@@ -27,6 +27,8 @@ npm run dev/serve/start
 npm run build/build:dist/dist
 ```
 
+- 尽量支持yarn安装 --> 这样不用因为更换了路径而重新安装依赖
+
 # TODO
 
 - 使用anujs + antd1 搭一个完善点的template
@@ -56,18 +58,19 @@ npm run build/build:dist/dist
 # 怀疑人生
 
 ```
-以下操作仅当遇到坑的时候考虑一下, 实在不确定😂
+以下操作仅当遇到坑的时候考虑一下
+实在不确定😂
 ```
 
 - 用nvm切换版本之后, 环境上也许并没有彻底切换过来 --> 重装nodejs    
 - nodejs也许可以降到 v8.9.0 -> 可能webpack与node.js版本有关
 - yarn/npm/cnpm install 都试试看 
 
-    - --> 大概率npm安装是没问题的
+    - 大概率npm安装是没问题的
     - 不需要等安装命令彻底结束，可能就已经可以npm run dev了
-    - --> 记得翻墙Proxy
+    - 记得翻墙Proxy再安装
 
-- 不要用IDEA的命令行按钮直接运行  -> 可能有坑
+- 不要用IDEA的命令行按钮直接运行  -> 可能有坑, IDEA运行时要选择node版本
 
 
 

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": ["es2015", "react", "stage-0"],
+  "plugins": [
+    "add-module-exports",
+  ]
+}

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/README.md

@@ -0,0 +1,31 @@
+# web-react-ie8-antd-cool
+react已经完美的兼容了IE8   而且antd打包后也完美兼容IE8!!!!这个工程主要是针对多页面项目的!!不是单页面项目的.
+<br>
+参考了不同人的打包方式,自己针对项目整合修改了下,调试和打包都已经测试过正常的.
+<br>
+使用的是蚂蚁金服的打包工具,貌似也只能使用这个工具进行打包了.
+
+```
+使用方法:
+1.clone包下到本地
+
+2.npm install
+
+3.调试:
+npm run dev  
+使用8989的端口监听
+ie8是不支持热加载调试的,ie9以及现代浏览器都支持调试测试.
+
+如果需要用ie8做调试的话,请使用:
+npm run ie
+同样使用8989的端口监听
+只是每次修改完代码后,需要手动刷新页面才能更新修改的内容.
+
+4.打包:
+npm run build
+
+打包的文件都在dist文件夹里.IE8下可以正常使用的.
+
+如果使用正常并且喜欢的话给个star,如果有出错的话请issues
+```
+

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "web-react-ie8-antd-cool",
+  "version": "1.0.0",
+  "description": "react ie8 antd",
+  "author": "ÁõÇì",
+  "entry": {
+    "index": "./src/page/index.js",
+    "user": "./src/page/user.js"
+  },
+  "scripts": {
+    "install:yarn": "yarn install",
+    "remove": "rimraf node_modules",
+
+    "dev": "dora -p 8001 --plugins \"webpack?disableNpmInstall,hmr,proxy,livereload?enableJs=false&injectHost=127.0.0.1,browser-history?index=/src/page/index.html\"",
+    "dev:ie": "dora -p 8001 --plugins \"webpack?disableNpmInstall,proxy,livereload?enableJs=false&injectHost=127.0.0.1,browser-history?index=/src/page/index.html\"",
+    "build": "atool-build"
+  },
+  "dependencies": {
+    "antd": "2.2.1",
+    "atool-build": "^0.9.0",
+    "babel-plugin-antd": "^0.4.1",
+    "babel-runtime": "^6.6.1",
+    "bce-sdk-js": "^0.1.8",
+    "classnames": "^2.2.3",
+    "console-polyfill": "^0.2.3",
+    "echarts-for-react": "^1.1.5",
+    "es3ify-loader": "^0.2.0",
+    "es5-shim": "^4.5.9",
+    "es6-promise": "^4.0.5",
+    "fetch-detector": "^1.0.0",
+    "fetch-ie8": "^1.4.0",
+    "history": "^2.0.1",
+    "immutable": "^3.8.1",
+    "isomorphic-fetch": "^2.2.1",
+    "js-cookie": "^2.1.1",
+    "key-mirror": "^1.0.1",
+    "lodash": "^4.13.1",
+    "md5": "^2.1.0",
+    "moment": "^2.15.2",
+    "object-assign": "^4.0.1",
+    "react": "0.14.x",
+    "react-dom": "0.14.x",
+    "react-redux": "^4.4.0",
+    "react-router": "2.3.x",
+    "react-router-redux": "^4.0.5",
+    "redbox-react": "^1.3.2",
+    "redux": "^3.3.1",
+    "redux-immutable": "^3.0.8",
+    "redux-logger": "^2.6.1",
+    "redux-thunk": "^2.0.1",
+    "reqwest": "^2.0.5"
+  },
+  "devDependencies": {
+    "atool-build": "^0.9.0",
+    "atool-test-mocha": "^0.1.4",
+    "babel-core": "^6.4.0",
+    "babel-eslint": "^6.0.0",
+    "babel-loader": "~6.2.1",
+    "babel-plugin-import": "^1.0.1",
+    "babel-plugin-transform-runtime": "^6.8.0",
+    "babel-polyfill": "^6.3.14",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-register": "^6.3.13",
+    "bundle-loader": "^0.5.4",
+    "chai": "^3.4.1",
+    "copy-webpack-plugin": "^3.0.1",
+    "cross-env": "^3.1.3",
+    "dora": "0.4.x",
+    "dora-plugin-browser-history": "0.2.x",
+    "dora-plugin-hmr": "0.7.x",
+    "dora-plugin-livereload": "0.5.x",
+    "dora-plugin-proxy": "0.8.x",
+    "dora-plugin-webpack": "0.8.1",
+    "enzyme": "^1.2.0",
+    "eslint": "^2.7.0",
+    "eslint-config-airbnb": "6.x",
+    "eslint-plugin-react": "4.x",
+    "expect": "^1.20.1",
+    "glob": "^7.0.3",
+    "html-loader": "^0.4.4",
+    "html-webpack-plugin": "^2.24.1",
+    "jsdom": "^9.4.1",
+    "karma": "^0.13.19",
+    "karma-chai": "^0.1.0",
+    "karma-mocha": "^0.2.1",
+    "karma-phantomjs-launcher": "^0.2.3",
+    "karma-sourcemap-loader": "^0.3.6",
+    "karma-spec-reporter": "0.0.23",
+    "karma-webpack": "^1.7.0",
+    "markdown-loader": "^0.1.7",
+    "mocha": "^2.3.4",
+    "react-addons-test-utils": "^0.14.6",
+    "sinon": "^1.17.2"
+  }
+}

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/server.js

@@ -0,0 +1,31 @@
+var path = require('path');
+var express = require('express');
+var webpack = require('webpack');
+var config = require('./webpack.config');
+
+var app = express();
+var compiler = webpack(config);
+
+app.use(express.static(path.join(__dirname, '/')))
+//use in webpack development mode
+app.use(require('webpack-dev-middleware')(compiler, {
+    noInfo: true,
+    publicPath: config.output.publicPath
+}));
+app.use(require('webpack-hot-middleware')(compiler));
+
+//use in webpack production mode
+//app.use(express.static(__dirname));
+
+app.get('/', function(req, res) {
+    res.sendFile(path.join(__dirname, 'index.html'));
+});
+
+app.listen(3000, 'localhost', function(err) {
+    if (err) {
+        console.log(err);
+        return;
+    }
+
+    console.log('Listening at http://localhost:3000');
+});

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/src/components/header.js

@@ -0,0 +1,17 @@
+/*
+* @Author: Marte
+* @Date:   2017-06-02 09:24:22
+* @Last Modified by:   Marte
+* @Last Modified time: 2017-06-02 14:32:52
+*/
+const React = require('react');
+
+export default class Header extends React.Component{
+    render(){
+        return(
+            <div>
+                <h1>头部在这里</h1>
+            </div>
+        )
+    }
+}

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/src/index.js

@@ -0,0 +1,36 @@
+require('es5-shim');
+require('es5-shim/es5-sham');
+require('console-polyfill');
+require('fetch-ie8');
+
+const React = require('react');
+const ReactDOM = require('react-dom');
+
+import HeaderComp from '../components/header'
+
+//antd全家桶的css
+import DatePicker from 'antd/lib/date-picker';
+import 'antd/dist/antd.css';
+
+
+function onChange(checked) {
+  console.log(`switch to ${checked}`);
+}
+
+
+class App extends React.Component{
+    render(){
+        return(
+            <div>
+                <HeaderComp></HeaderComp>
+                <DatePicker/>
+                <h1>欢迎来到首页!!!</h1>
+                <a href="./user.html">去用户页面</a>
+            </div>
+        )
+    }
+}
+
+
+
+ReactDOM.render(<App/>,document.getElementById('app'));

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/src/page/index.ejs

@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>首页</title>
+    <!--[if lt IE 10]>
+    <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
+    <![endif]-->
+    <link href="common.css" rel="stylesheet"></head>
+</head>
+<body>
+    <div id="app"></div>
+    <script type="text/javascript" src="common.js"></script>
+</body>
+</html>

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/src/page/index.js

@@ -0,0 +1,38 @@
+require('es5-shim');
+require('es5-shim/es5-sham');
+require('console-polyfill');
+require('fetch-ie8');
+
+const React = require('react');
+const ReactDOM = require('react-dom');
+
+import HeaderComp from '../components/header'
+
+//antd全家桶的css
+import { Slider } from 'antd';
+import DatePicker from 'antd/lib/date-picker';
+import 'antd/dist/antd.css';
+
+
+function onChange(checked) {
+  console.log(`switch to ${checked}`);
+}
+
+
+class App extends React.Component{
+    render(){
+        return(
+            <div>
+                <HeaderComp></HeaderComp>
+                <Slider defaultValue={30} />
+                <DatePicker/>
+                <h1>欢迎来到首页!!!</h1>
+                <a href="./user.html">去用户页面</a>
+            </div>
+        )
+    }
+}
+
+
+
+ReactDOM.render(<App/>,document.getElementById('app'));

__cant-run-now-help/dora0.4-react14-antd2-webgameone-ie8-mpa/src/page/user.ejs

@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>用户页面</title>
+    <!--[if lt IE 10]>
+    <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
+    <![endif]-->
+    <link href="common.css" rel="stylesheet"></head>
+</head>
+<body>
+    <div id="userPage"></div>
+    <script type="text/javascript" src="common.js"></script>
+</body>
+</html>