Cách kết nối jquery.inputmask bằng cách sử dụng requirejs

Question

Cách kết nối chính xác https://github.com/RobinHerbots/jquery.inputmask bằng requirejs? Phương pháp trên tài liệu trang web chính thức không chính xác.

tôi cố gắng làm cho nó như thế này

yêu cầu-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 
     } 
    ); 
    ... 
}); 

nhưng nó không hoạt động

Answer 1

Hãy thử với mã này:

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 
     } 
    ); 
    ... 
}); 

Trong dự án của tôi nó hoạt động thiết lập các shim:

shim: Cấu hình phụ thuộc, xuất khẩu, và khởi tạo tùy chỉnh cho "globals trình duyệt" cũ, truyền thống kịch bản mà không sử dụng xác định() để khai báo sự phụ thuộc và đặt giá trị mô-đun.

Answer 2

tôi làm điều đó theo cách này:

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'); 
});