Fix issue autoNumeric#4 Error when building with webpack 2 on linux

SamHwang1990 · SamHwang1990 · commit af5f9318d2c4 · 2017-11-30T11:21:45.000+08:00
Fix the autonumeric external config
1. depend `autonumeric` as `autonumeric` in amd or commonjs environment.
2. depend `autonumeric` as `AutoNumeric` in global script environment.
diff --git a/build/webpack.base.js b/build/webpack.base.js
@@ -71,6 +71,11 @@ module.exports = {
     externals: {
         // This prevent bundling the AutoNumeric library inside the vue-autornumeric component
         // cf. https://webpack.js.org/configuration/externals/
-        AutoNumeric: 'AutoNumeric',
+        autonumeric : {
+            commonjs2: 'autonumeric',
+            commonjs: 'autonumeric',
+            amd: 'autonumeric',
+            root: 'AutoNumeric', // indicates global variable
+        },
     },
 };
diff --git a/build/webpack.examples.js b/build/webpack.examples.js
@@ -6,6 +6,9 @@ const webpack = require('webpack');
 const options = require('./options');
 const base    = require('./webpack.base.js');
 
+// do not exclude the autonumeric in the bundle of the examples page
+delete base.externals;
+
 const config = merge(base, {
     entry: options.paths.resolve('examples-src/index.js'),
 
diff --git a/dist/vue-autonumeric.js b/dist/vue-autonumeric.js
@@ -5,11 +5,11 @@
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("AutoNumeric"));
+		module.exports = factory(require("autonumeric"));
 	else if(typeof define === 'function' && define.amd)
-		define("VueAutonumeric", ["AutoNumeric"], factory);
+		define("VueAutonumeric", ["autonumeric"], factory);
 	else if(typeof exports === 'object')
-		exports["VueAutonumeric"] = factory(require("AutoNumeric"));
+		exports["VueAutonumeric"] = factory(require("autonumeric"));
 	else
 		root["VueAutonumeric"] = factory(root["AutoNumeric"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE_43__) {
@@ -284,9 +284,9 @@ var _assign = __webpack_require__(15);
 
 var _assign2 = _interopRequireDefault(_assign);
 
-var _AutoNumeric = __webpack_require__(43);
+var _autonumeric = __webpack_require__(43);
 
-var _AutoNumeric2 = _interopRequireDefault(_AutoNumeric);
+var _autonumeric2 = _interopRequireDefault(_autonumeric);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -338,7 +338,7 @@ exports.default = {
             options = this.manageOptionElement(this.options);
         }
 
-        this.anElement = new _AutoNumeric2.default(this.$refs.autoNumericInput, options);
+        this.anElement = new _autonumeric2.default(this.$refs.autoNumericInput, options);
         if (this.value !== null && this.value !== '') {
             this.anElement.set(this.value);
 
@@ -363,7 +363,7 @@ exports.default = {
         manageOptionElement: function manageOptionElement(optionElement) {
             var options = void 0;
             if (typeof optionElement === 'string' || optionElement instanceof String) {
-                options = _AutoNumeric2.default.getPredefinedOptions()[optionElement];
+                options = _autonumeric2.default.getPredefinedOptions()[optionElement];
                 if (options === void 0 || options === null) {
                     console.warn('The given pre-defined options [' + optionElement + '] is not recognized by autoNumeric.\nSwitching back to the default options.');
                     options = defaultOptions;
diff --git a/dist/vue-autonumeric.min.js b/dist/vue-autonumeric.min.js
diff --git a/examples/examples.bundle.js b/examples/examples.bundle.js
diff --git a/examples/index.html b/examples/index.html
@@ -21,7 +21,6 @@
 </head>
 <body>
 <div id="app"></div>
-<script src="https://unpkg.com/autonumeric"></script>
 <script src="examples.bundle.js"></script>
 </body>
 </html>
diff --git a/src/components/VueAutonumeric.vue b/src/components/VueAutonumeric.vue
@@ -54,7 +54,7 @@ OTHER DEALINGS IN THE SOFTWARE.
 </template>
 
 <script type="text/babel">
-    import AutoNumeric from 'AutoNumeric';
+    import AutoNumeric from 'autonumeric';
 
     // Custom default autoNumeric option can be set here to override the default autoNumeric ones
     const defaultOptions = {};
