style(device.js): optimize the way of including the device.js

Now device.js will be install every since you run `npm install`, and it the latest version will be
compressed by using `npm run rel`.

fix #35

Author: xiazeyu

dist/bundle.js.map

@@ -11,6 +11,7 @@
 <canvas id="live2dcanvas" width="680" height="940" style="border:dashed 1px #CCC">
 </canvas>
 </div>
-<script type="text/javascript" src="bundle.js?157d51a75370887b7316"></script></body>
+<script type="text/javascript" src="device.min.js"></script>
+<script type="text/javascript" src="bundle.js?67a701d572040c6adaac"></script></body>
 </html>
 <!-- loadlive2d("live2dcanvas", "../assets/name/name.model.json", 0.5); -->

dist/dev.html

@@ -87,17 +87,28 @@ hexo.extend.helper.register('live2d', function() {
 `
 });
 
+// 复制live2d模型文件
+// 先在 博客目录/live2d_models/ 目录下寻找
 fs.exists(path.resolve(hexo.base_dir, path.join('./live2d_models/', config.model)), function(exists){
   if(exists){
     registerDir("live2d/assets/", path.resolve(hexo.base_dir, path.join('./live2d_models/', config.model)));
-  }else{
-  registerDir('live2d/assets/', path.resolve(__dirname, path.join('./assets/', config.model)));
+  }else{ // 若未找到，在 插件目录/assets/ 下继续寻找
+    registerDir('live2d/assets/', path.resolve(__dirname, path.join('./assets/', config.model)));
   }
 });
 
+// 复制 live2d客户端 脚本
 registerFile('live2d/script.js', path.resolve(__dirname, './dist/bundle.js'));
-registerFile('live2d/script.js.map', path.resolve(__dirname, './dist/bundle.js.map'));
-registerFile('live2d/device.min.js', path.resolve(__dirname, './dist/device.min.js'));
+
+// 复制 device.js 脚本
+fs.exists(path.resolve(__dirname, './dist/device.min.js'), function(exists){
+  if(exists){
+    registerFile('live2d/device.min.js', path.resolve(__dirname, './dist/device.min.js'));
+  }else{
+    console.log("live2d serverJs can't find device.js");
+    return ;
+  }
+});
 
 hexo.extend.generator.register('live2d', function (locals) {
   return generators;

dist/device.min.js

@@ -10,6 +10,7 @@
     "babel-preset-env": "^1.6.1",
     "commitizen": "^2.9.6",
     "cz-conventional-changelog": "^2.1.0",
+    "device.js": "git+ssh://git@github.com/matthewhudson/device.js.git",
     "html-webpack-plugin": "^2.30.1",
     "source-map-loader": "^0.2.3",
     "uglify-js": "^3.1.9",
@@ -23,20 +24,34 @@
     "devenv": "npm install -g commitizen&&npm install -g cz-conventional-changelog&&npm install -g webpack&&npm install -g conventional-changelog-cli&&npm install",
     "dev": "webpack --config webpack.config.dev.js",
     "devw": "webpack --config webpack.config.dev.js -w",
-    "rel": "webpack",
+    "rel": "webpack --config webpack.config.device.js&&webpack",
     "commit": "git-cz",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "test": "echo \"Nothing here, but someday there will be something here. xD\" && exit 1"
   },
-  "author": "EYHN",
+  "author": {
+    "name": "EYHN",
+    "email": "cneyhn@gmail.com"
+  },
+  "contributors": [
+    {
+      "name": "xiazeyu",
+      "email": "xiazeyu_2011@126.com"
+    }
+  ],
+  "maintainers": [
+    {
+      "name": "xiazeyu",
+      "email": "xiazeyu_2011@126.com"
+    }
+  ],
   "license": "GPL-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/EYHN/hexo-helper-live2d.git"
+    "url": "git://github.com/EYHN/hexo-helper-live2d.git"
   },
   "bugs": {
-    "url": "https://github.com/EYHN/hexo-helper-live2d/issues",
-    "email": "cneyhn@gmail.com"
+    "url": "https://github.com/EYHN/hexo-helper-live2d/issues"
   },
   "homepage": "https://github.com/EYHN/hexo-helper-live2d#readme",
   "config": {

index.js

@@ -11,6 +11,7 @@
 <canvas id="live2dcanvas" width="680" height="940" style="border:dashed 1px #CCC">
 </canvas>
 </div>
+<script type="text/javascript" src="device.min.js"></script>
 </body>
 </html>
 <!-- loadlive2d("live2dcanvas", "../assets/name/name.model.json", 0.5); -->

package-lock.json

@@ -22,14 +22,18 @@ module.exports = {
     devtool: "source-map",
 
     plugins: [
-        new HtmlWebpackPlugin(HtmlWebpackConfig),
+        new webpack.DefinePlugin({
+          'process.env': {
+            NODE_ENV: '"production"'
+          }
+        }),
         new webpack.optimize.UglifyJsPlugin({
-          compress: {
-            warnings: true
-          },
+          compress: true,
+          warnings: true,
           sourceMap: true,
-          mangle: false
-        })
+          mangle: true
+        }),
+        new HtmlWebpackPlugin(HtmlWebpackConfig)
     ],
 
     resolve: {

package.json

@@ -0,0 +1,46 @@
+var webpack = require('webpack');
+var path = require('path')
+var uglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
+
+module.exports = {
+    entry: [
+        "./node_modules/device.js/lib/device.js"
+    ],
+    output: {
+        filename: "device.min.js",
+        path: __dirname + "/dist"
+    },
+
+    plugins: [
+        new webpack.DefinePlugin({
+          'process.env': {
+            NODE_ENV: '"production"'
+          }
+        }),
+        new webpack.optimize.UglifyJsPlugin({
+          compress: true,
+          warnings: true,
+          sourceMap: false,
+          mangle: true
+        })
+    ],
+
+    resolve: {
+        extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                exclude: path.resolve(__dirname, "node_modules"),
+                use: [{
+                    loader: 'babel-loader',
+                    query: {
+                        presets: ["env"]
+                    }
+                }],
+            }
+        ]
+    }
+}

src/dev.html

@@ -20,19 +20,18 @@ module.exports = {
     },
 
     plugins: [
-        new HtmlWebpackPlugin(HtmlWebpackConfig),
-        new webpack.optimize.UglifyJsPlugin({
-          compress: {
-            warnings: true
-          },
-          sourceMap: false,
-          mangle: true
-        }),
         new webpack.DefinePlugin({
           'process.env': {
             NODE_ENV: '"production"'
           }
-        })
+        }),
+        new webpack.optimize.UglifyJsPlugin({
+          compress: true,
+          warnings: true,
+          sourceMap: false,
+          mangle: true
+        }),
+        new HtmlWebpackPlugin(HtmlWebpackConfig)
     ],
 
     resolve: {