如何使用 requirejs 连接 jquery.inputmask答案

【问题标题】：How connect jquery.inputmask using requirejs如何使用 requirejs 连接 jquery.inputmask
【发布时间】：2016-01-04 00:16:50
【问题描述】：

如何使用 requirejs 正确连接 https://github.com/RobinHerbots/jquery.inputmask？官方网站文档上的方法不正确。

我试着把它变成这样

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

但它不起作用

【问题讨论】：

您是否在控制台上收到任何错误消息？

标签： javascript jquery requirejs jquery-inputmask

【解决方案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
        }
    );
    ...
});

在我的项目中，它可以设置垫片：

shim：为不使用 define() 声明依赖项和设置模块值的旧的传统“浏览器全局”脚本配置依赖项、导出和自定义初始化。

【讨论】：

【解决方案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');
});

【讨论】：