Split build code, fix ie in demo

faec1275 · Roma · a2f94e61 · a2f94e61 · a2f94e61 · faec1275
Commit faec1275 authored Feb 08, 2017 by Roma
11 changed files
--- a/dist/build.js
+++ b/dist/build.js
--- a/dist/build.js.map
+++ b/dist/build.js.map
--- a/dist/component.js
+++ b/dist/component.js
--- a/dist/component.js.map
+++ b/dist/component.js.map
--- a/dist/demo.js
+++ b/dist/demo.js
--- a/dist/demo.js.map
+++ b/dist/demo.js.map
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@

 <body>
    <div id="app"></div>
-    <script src="./dist/build.js"></script>
+    <script src="./dist/demo.js"></script>
 </body>

 </html>
--- a/package.json
+++ b/package.json
 {
-    "name": "vue-masked-input",
-    "description": "Masked input component for Vue.js 2.X",
-    "version": "0.3.3",
-    "author": "niksmr",
-    "license": "MIT",
-    "homepage": "https://github.com/niksmr/vue-masked-input",
-    "main": "src/MaskedInput.vue",
-    "scripts": {
-        "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
-        "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/niksmr/vue-masked-input.git"
-    },
-    "keywords": [
-        "vue",
-        "mask",
-        "masked",
-        "input"
-    ],
-    "dependencies": {
-        "inputmask-core": "^2.2.0",
-        "vue": "^2.1.0"
-    },
-    "devDependencies": {
-        "babel-core": "^6.0.0",
-        "babel-loader": "^6.0.0",
-        "babel-preset-es2015": "^6.0.0",
-        "cross-env": "^3.0.0",
-        "css-loader": "^0.25.0",
-        "file-loader": "^0.9.0",
-        "vue-loader": "^10.0.0",
-        "vue-template-compiler": "^2.1.0",
-        "webpack": "^2.2.0",
-        "webpack-dev-server": "^2.2.0"
-    }
+  "name": "vue-masked-input",
+  "description": "Masked input component for Vue.js 2.X",
+  "version": "0.3.4",
+  "author": "niksmr",
+  "license": "MIT",
+  "homepage": "https://github.com/niksmr/vue-masked-input",
+  "main": "src/MaskedInput.vue",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/niksmr/vue-masked-input.git"
+  },
+  "keywords": [
+    "vue",
+    "mask",
+    "masked",
+    "input"
+  ],
+  "dependencies": {
+    "inputmask-core": "^2.2.0",
+    "vue": "^2.1.0"
+  },
+  "devDependencies": {
+    "babel-core": "^6.0.0",
+    "babel-loader": "^6.0.0",
+    "babel-polyfill": "^6.22.0",
+    "babel-preset-es2015": "^6.0.0",
+    "cross-env": "^3.0.0",
+    "css-loader": "^0.25.0",
+    "file-loader": "^0.9.0",
+    "vue-loader": "^10.0.0",
+    "vue-template-compiler": "^2.1.0",
+    "webpack": "^2.2.0",
+    "webpack-dev-server": "^2.2.0"
+  }
 }
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,6 +60,7 @@
 <script>
 import MaskedInput from './MaskedInput.vue'
 import Vue from 'vue'
+import 'babel-polyfill'

 export default {
  name: 'app',
@@ -97,14 +98,14 @@ input {
  font-size: inherit;
  padding: 8px 16px;
  border: none;
-  border-bottom: 1px solid #4fc08d;
+  border-bottom: 2px solid #4fc08d;
  outline: none;
  margin-right: 24px;
 }

 hr {
  border: none;
-  border-bottom: 1px solid #DDD;
+  border-bottom: 2px solid #DDD;
 }

 h1 {

--- a/src/MaskedInput.vue
+++ b/src/MaskedInput.vue
@@ -67,6 +67,7 @@ export default {

    initMask() {
      try {
+
        this.mask_core = new InputMask({
          pattern: this.mask,
          value: '',
@@ -91,8 +92,10 @@ export default {
            },
          }
        })
+
        for (const char of this.$refs.input.value) {
-          this.mask_core.input(char)
+          console.log('');
+          //this.mask_core.input(char)
        }
        this.mask_core.setSelection({
          start: 0,
@@ -108,7 +111,7 @@ export default {

      }
      catch (e) {
-        console.error(e.message);
+        console.error(e);
        this.mask_core = null
        this.$refs.input.value = 'Error, see console'
        this.$emit('input', this.$refs.input.value, '')

--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,11 +2,14 @@ var path = require('path')
 var webpack = require('webpack')

 module.exports = {
-  entry: './src/main.js',
+  entry: {
+    demo: './src/main.js',
+    component: './src/MaskedInput.vue'
+  },
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
-    filename: 'build.js'
+    filename: '[name].js'
  },
  module: {
    rules: [