如何使用requirejs連接jquery.inputmask

Question

如何正確連接https://github.com/RobinHerbots/jquery.inputmask使用requirejs？官方網站文檔上的方法不正確。

我儘量讓這樣

要求-config.js

paths: { 
    ... 
    inputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/inputmask", 
    dependencyLib: "/assets/vendor/jquery.inputmask/dist/inputmask/dependencyLib", 
    jQueryInputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/jquery.inputmask", 
    ... 
} 

的script.js

define('script', ['jquery', 'jQueryInputmask'], function ($) { 
    ... 
    $obj.inputmask(
     { 
      alias: 'currency', 
      rightAlign: false, 
      digits: 0 
     } 
    ); 
    ... 
}); 

，但它不能正常工作

Answer 1

與此代碼嘗試：

require.config({ 
    paths: { 
     ... 
     "jquery"   : "../dist/jquery/jquery", 
     "jQueryInputmask" : "../dist/inputmask/jquery.inputmask", 
     "inputmask"   : "../dist/inputmask/inputmask", 
     ... 
    }, 
    shim: { 
     jquery: { 
      exports: "$" 
     }, 
     jQueryInputmask: { 
      deps: ["jquery", "inputmask"], 
      exports: "$" 
     }, 
) 

define('script', ['jquery', 'jQueryInputmask'], function ($) { 
    ... 
    $obj.inputmask(
     { 
      alias: 'currency', 
      rightAlign: false, 
      digits: 0 
     } 
    ); 
    ... 
}); 

在我的項目它的工作原理設置墊片：

墊片：配置的依賴，出口和老年人，傳統的「瀏覽器全局」腳本不使用定義（自定義初始化）申報的依賴並設置一個模塊值。

Answer 2

我做這種方式：

require.config({ 
    paths: { 
     jquery: '//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min', 
     inputmask: '//cdn.jsdelivr.net/npm/inputmask@3.3.11/dist/min/jquery.inputmask.bundle.min' 
    }, 
    shim: { 
     inputmask: { 
      deps: ['jquery'], 
      exports: 'Inputmask' 
     } 
    } 
}); 

define('script', ['inputmask'], function (Inputmask) { 
    new Inputmask('email').mask('#obj'); 
});