update

PanJiaChen · Apr 15, 2017 · 58c9b45 · 58c9b45
1 parent 1dfc674
commit 58c9b45
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 27 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,8 +1,5 @@
 
 {
-  "presets": [
-    ["latest", {
-      "es2015": { "modules": false }
-    }]
-  ]
+  "presets": ["es2015", "stage-2"],
+  "plugins": ["transform-runtime"]
 }
diff --git a/demo/index.html b/demo/index.html
@@ -8,7 +8,7 @@
 </head>
 
 <body>
-  <script src='https://unpkg.com/vue@2.2.6/dist/vue.js'></script>
+  <script src='https://unpkg.com/vue@2.2.6'></script>
   <script src="../dist/vue-count-to.min.js"></script>
   <a href="https://your-url" class="github-corner" aria-label="View source on Github">
     <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#4AB7BD; color:#fff; position: absolute; top: 0; border: 0; right: 0;"
@@ -60,7 +60,6 @@ <h3> custom example</h3>
     </template>
   </div>
   <script>
-    Vue.use(VueCountTo)
     var Main = {
       name: 'test',
       data() {

diff --git a/dist/vue-count-to.min.js b/dist/vue-count-to.min.js
diff --git a/dist/vue-count-to.min.js.map b/dist/vue-count-to.min.js.map
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-count-to",
   "description": "It's a vue component that will count to a target number at a specified duration",
-  "version": "1.0.0",
+  "version": "1.0.4",
   "author": "Pan <panfree23@gmail.com>",
   "main": "dist/vue-count-to.min.js",
   "scripts": {
@@ -13,7 +13,10 @@
   "devDependencies": {
     "babel-core": "^6.0.0",
     "babel-loader": "^6.0.0",
-    "babel-preset-latest": "^6.0.0",
+    "babel-plugin-transform-runtime": "^6.15.0",
+    "babel-preset-es2015": "^6.14.0",
+    "babel-preset-stage-2": "^6.13.0",
+    "babel-runtime": "^6.11.6",
     "cross-env": "^3.0.0",
     "css-loader": "^0.25.0",
     "file-loader": "^0.9.0",

diff --git a/src/component/vue-countTo.vue b/src/component/vue-countTo.vue
@@ -6,7 +6,6 @@
 <script>
 import { requestAnimationFrame, cancelAnimationFrame } from './requestAnimationFrame.js'
 export default {
-  name: 'count-to',
   props: {
     startVal: {
       type: Number,

diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,5 @@
-import VueCountToComponent from './component/vue-countTo.vue'
-export function install(Vue) {
-  Vue.component('countTo', VueCountToComponent)
+import CountTo from './component/vue-countTo.vue';
+export default CountTo;
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.component('count-to', CountTo);
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,27 +1,29 @@
 const path = require('path')
 const webpack = require('webpack')
-
+function resolve(dir) {
+  return path.join(__dirname, '..', dir)
+}
 module.exports = {
   entry: './src/index.js',
   output: {
     path: path.resolve(__dirname, './dist'),
     publicPath: '/dist/',
     filename: 'vue-count-to.min.js',
-    library: 'VueCountTo',
+    library: 'CountTo',
     libraryTarget: 'umd',
     umdNamedDefine: true
   },
   module: {
     rules: [
-      // {
-      //   test: /\.(js|vue)$/,
-      //   loader: 'eslint-loader',
-      //   enforce: 'pre',
-      //   include: [resolve('src'), resolve('test')],
-      //   options: {
-      //     formatter: require('eslint-friendly-formatter')
-      //   }
-      // },
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [resolve('src'), resolve('test')],
+        options: {
+          formatter: require('eslint-friendly-formatter')
+        }
+      },
       {
         test: /\.vue$/,
         loader: 'vue-loader'
@@ -42,7 +44,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      vue$: 'vue/dist/vue.common.js'
+      vue$: 'vue/dist/vue.esm.js'
     }
   },
   externals: {