update

.gitignore

+# 所有空行或者以注释符号 ＃ 开头的行都会被 Git 忽略。
+# 可以使用标准的 glob 模式匹配。
+# 匹配模式最后跟反斜杠（/）说明要忽略的是目录。
+# 要忽略指定模式以外的文件或目录，可以在模式前加上惊叹号（! ）取反。
+
+# 所谓的 glob 模式是指 shell 所使用的简化了的正则表达式。星号（*）匹配零个或多个任
+# 意字符； [abc] 匹配任何一个列在方括号中的字符（这个例子要么匹配一个 a，要么匹配一
+# 个 b，要么匹配一个 c）；问号（?）只匹配一个任意字符；如果在方括号中使用短划线分
+# 隔两个字符，表示所有在这两个字符范围内的都可以匹配（比如 [0-9] 表示匹配所有 0 到
+# 9 的数字）。
+
+# 书上的一个例子
+# #此为注释 – 将被 Git 忽略
+# *.a 
+# 忽略所有 .a 结尾的文件
+# !lib.a 
+# 但 lib.a 除外
+# /TODO 
+# 仅仅忽略项目根目录下的 TODO 文件，不包括 subdir/TODO
+# build/ 
+# 忽略 build/ 目录下的所有文件
+# doc/*.txt 
+# 会忽略 doc/notes.txt 但不包括 doc/server/arch.txt
+
+
+node_modules
+released
+.idea
+.wing
+bin-debug
+bin-release
+*.swf
\ No newline at end of file

deploy.js

+const fs = require('fs');
+const path = require('path');
+const co = require('co');
+const OSS = require('ali-oss');
+
+const chalk = require('chalk');
+const ProgressBar = require('progress');
+
+class TuiaAutoUpload {
+    constructor(props, type) {
+        this.type = type;
+        const defaultOptions = {
+            dir: undefined,
+            originDir: undefined
+        }
+        this.options = Object.assign({}, defaultOptions, props);
+        if (!this.options.dir || !this.options.originDir) {
+            console.log(chalk.red('缺少参数，初始化失败'))
+            return;
+        }
+        this.init();
+    }
+    init() {
+        var _this = this;
+        this.client = new OSS({
+            region: 'oss-cn-hangzhou',
+            accessKeyId: 'LTAIdGi1IOap7fkF',
+            accessKeySecret: 'SKrOOp6EVtDGEV47yn0t2h97gyNioQ',
+            bucket: _this.type === 'prod' ? 'duiba' : 'daily-duiba'
+        });
+        this.bar = new ProgressBar(chalk.yellow(`  文件上传中 [:bar] :current/${this.files().length} :percent :elapseds`), {
+            complete: '●',
+            incomplete: '○',
+            width: 20,
+            total: this.files().length,
+            callback: () => {
+                console.log(chalk.green('\n  All complete.'));
+                console.log(chalk.blue(`\n  本次队列文件共${this.files().length}个，已存在文件${this.existFiles}个，上传文件${this.uploadFiles}个，上传失败文件${this.errorFiles}个\n`));
+            }
+        })
+        return this;
+    }
+    files() {
+        var _this = this;
+        if (this._files) return this._files;
+        this._files = [];
+
+        /** 
+         * 文件遍历方法 
+         * @param filePath 需要遍历的文件路径 
+         */
+        function fileDisplay(filePath) {
+            //根据文件路径读取文件，返回文件列表  
+            var files = fs.readdirSync(filePath);
+            files.forEach(function (filename) {
+                //获取当前文件的绝对路径  
+                var filedir = path.join(filePath, filename);
+                //根据文件路径获取文件信息，返回一个fs.Stats对象  
+                var stats = fs.statSync(filedir);
+                var isFile = stats.isFile();//是文件  
+                var isDir = stats.isDirectory();//是文件夹  
+                if (isFile) {
+                    var sep = '/';
+                    if ('win32' == process.platform)
+                        sep = '\\';
+                    var newDirArr = filedir.split(sep);
+                    newDirArr.shift();
+                    _this._files.push(newDirArr.join('/'));
+                }
+                if (isDir) {
+                    fileDisplay(filedir);//递归，如果是文件夹，就继续遍历该文件夹下面的文件  
+                }
+            });
+
+        }
+
+        //调用文件遍历方法  
+        fileDisplay(this.options.dir);
+        return this._files;
+    }
+    start() {
+        this.files().map((file, index) => {
+            let _this = this;
+            const path1 = path.join(__dirname, 'released', file);
+            let originFile;
+            this.existFiles = 0;
+            this.uploadFiles = 0;
+            this.errorFiles = 0;
+            co(function* () {
+                const originPath = `${_this.options.originDir}${file}`;
+                try {
+                    originFile = yield _this.client.head(originPath);
+                } catch (error) {
+                    originFile = error;
+                }
+                if (_this.type === 'prod') {
+                    if (originFile.status === 404) {
+                        yield _this.client.put(originPath, path1);
+                        _this.uploadFiles += 1;
+                    } else {
+                        _this.existFiles += 1;
+                    }
+                } else if (_this.type === 'dev') {
+                    if (originFile.status === 404 || originFile.status === 200) {
+                        _this.existFiles += 1;
+                    }
+                    yield _this.client.put(originPath, path1, {
+                        headers: {
+                            'Cache-Control': 'no-cache'
+                        }
+                    })
+                    _this.uploadFiles += 1;
+                }
+                _this.bar.tick();
+            }).catch(function (err) {
+                _this.errorFiles += 1;
+                console.log(err);
+            });
+        });
+    }
+}
+
+const configFileName = 'project.json';
+if (!fs.existsSync(configFileName)) {
+    throw new Error(`${configFileName}不存在.`)
+}
+let config = fs.readFileSync('project.json');
+config = JSON.parse(config + '');
+if (!config.type) {
+    throw new Error(`${configFileName}的type不存在.`)
+}
+
+if (!config.name) {
+    throw new Error(`${configFileName}的name不存在.`)
+}
+
+const now = new Date();
+const version = Math.round(now.getTime() / 1000);
+console.log(`版本号：${version}`)
+
+const autoupload = new TuiaAutoUpload({
+    dir: './released/',
+    // dir: path.join(__dirname, './released/'),
+    originDir: `/db_games/${config.type}/${config.name}/${version}/`
+}, "prod")
+
+autoupload.start()
\ No newline at end of file

package.json

+{
+  "name": "fundebug-webpack",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack",
+    "deploy": "node deploy.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://gitlab2.dui88.com/wanghongyuan/fundebug-webpack"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.12",
+    "ali-oss": "^4.11.4",
+    "chalk": "^2.3.0",
+    "co": "^4.6.0",
+    "progress": "^2.0.0",
+    "autoupload":"git+ssh://git@gitlab2.dui88.com:frontend/tuia-auto-upload.git"
+  },
+  "dependencies": {
+    "fundebug-javascript": "^0.3.6"
+  }
+}
\ No newline at end of file

project.json

+{
+    "name":"fundebug_demo",
+    "type":"labs"
+}
\ No newline at end of file

src/index.js

+var fundebug = require("fundebug-javascript");
+fundebug.apikey = "0a540efc461d456c65a96fcb31e339b0c9c56308169c5e49e6b556ea5df44934";
+
+function component() {
+    var element = document.createElement('div');
+    var btn = document.createElement('button');
+
+    element.innerHTML = 'Hello fundebug';
+
+    btn.innerHTML = 'Click me and check the console!';
+    btn.onclick = printMe;
+
+    element.appendChild(btn);
+
+    return element;
+}
+
+function printMe() {
+    console.log('hello fundebug.')
+}
+
+document.body.appendChild(component());
\ No newline at end of file

webpack.config.js

+const path = require('path');
+
+module.exports = {
+  entry: './src/index.js',
+  devtool: "source-map",
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'released')
+  }
+};
\ No newline at end of file