提高gitment的浏览器兼容性

.babelrc

@@ -1,3 +1,4 @@
 {
-  "presets": ["es2015"]
+  "presets": ["es2015"],
+  "plugins": ["transform-runtime"]
 }

package.json

@@ -20,18 +20,22 @@
   },
   "homepage": "https://github.com/imsun/gitment",
   "scripts": {
-    "build": "babel src --out-dir dist --ignore test.js --source-maps & NODE_ENV=production webpack --config webpack.config.js --progress --profile --colors",
-    "dev": "webpack-dev-server --config webpack.dev.config.js --host 0.0.0.0 --progress --profile --colors"
+    "build": "babel src --out-dir dist --ignore test.js --source-maps & cross-env NODE_ENV=production webpack --config webpack.config.js --progress --profile --colors",
+    "dev": "webpack-dev-server --config webpack.dev.config.js --host 0.0.0.0 --progress --profile --colors",
+    "postbuild": "babel src --out-dir dist --ignore test.js --source-maps & webpack --config webpack.config.js -p --env.production"
   },
   "devDependencies": {
     "babel-cli": "^6.24.0",
     "babel-core": "^6.24.0",
     "babel-loader": "^6.4.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.0",
+    "cross-env": "^5.0.1",
     "webpack": "^2.3.2",
     "webpack-dev-server": "^2.4.2"
   },
   "dependencies": {
+    "babel-runtime": "^6.23.0",
     "mobx": "^3.1.7"
   },
   "license": "MIT"

src/theme/default.js

@@ -30,6 +30,7 @@ function renderHeader({ meta, user, reactions }, instance) {
     likeButton.classList.remove('liked')
     likeButton.onclick = () => instance.like()
   }
+
   container.appendChild(likeButton)
 
   const commentsCount = document.createElement('span')
@@ -335,10 +336,10 @@ function render(state, instance) {
   const container = document.createElement('div')
   container.lang = "en-US"
   container.className = 'gitment-container gitment-root-container'
-  container.appendChild(instance.renderHeader(state, instance))
-  container.appendChild(instance.renderComments(state, instance))
-  container.appendChild(instance.renderEditor(state, instance))
-  container.appendChild(instance.renderFooter(state, instance))
+  container.appendChild(renderHeader(state, instance))
+  container.appendChild(renderComments(state, instance))
+  container.appendChild(renderEditor(state, instance))
+  container.appendChild(renderFooter(state, instance))
   return container
 }
 

webpack.config.js

@@ -1,22 +1,24 @@
 const path = require('path')
 
-module.exports = {
-  context: path.join(__dirname, 'src'),
-  entry: './gitment.js',
-  devtool: 'source-map',
-  output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'gitment.browser.js',
-    libraryTarget: 'var',
-    library: 'Gitment',
-  },
-  module: {
-    loaders: [
-      {
-        test: /\.js$/,
-        exclude: /^node_mocules/,
-        loaders: ['babel-loader'],
-      },
-    ],
-  },
-}
+module.exports = function (env) {
+  return {
+    context: path.join(__dirname, 'src'),
+    entry: './gitment.js',
+    devtool: 'source-map',
+    output: {
+      path: path.join(__dirname, 'dist'),
+      filename: (env&&env.production)?'gitment.browser.min.js':'gitment.browser.js',
+      libraryTarget: 'var',
+      library: 'Gitment',
+    },
+    module: {
+      loaders: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          loaders: ['babel-loader'],
+        },
+      ],
+    },
+  }
+};