如何使用 jquery 依赖项在带有 webpacker 的 rails 6 上安装 inputmask

Question

我正在尝试通过 webpacker 在 Rails 6 上安装 inputmask。 当前出现以下错误：

Uncaught TypeError: $el.inputmask is not a function

当前设置，编译没有问题。

应用程序/javascript/packs/application.js

require("jquery")
require("inputmask")
require("inputmask/dist/inputmask/inputmask");
require("inputmask/dist/inputmask/inputmask.numeric.extensions");
require("inputmask/dist/inputmask/inputmask.date.extensions");
require("inputmask/dist/inputmask/jquery.inputmask");

配置/webpack/alias.js

const path = require('path')

module.exports = {
  resolve: {
    alias: {
    "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jquery",
    }
  }
}

配置/webpack/environment.js

const { environment } = require('@rails/webpacker')
const aliasConfig = require("./alias")
const webpack = require('webpack')

environment.config.merge(aliasConfig)

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

module.exports = environment

我已经看到了很多例子，但似乎没有任何效果。

Answer 1

我认为 jquery 最常见的设置是使用纱线安装它：

yarn add jquery

然后在 environment.js

(...)

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
}));

(...)

app/javascript/packs/application.js中require("jquery")

输入掩码安装：

yarn add inputmask

在app/javascript/packs/application.js

import 'inputmask';

Answer 2

利用

require("inputmask").default