Question: build this with webpack/es6

Hi, i use webpack as build system. But unable to build this plugin

My code

import jQuery from 'jquery'
import Inputmask from 'jquery.inputmask'

let im = new Inputmask(maskOpts)
im.mask(inputElementRef)

But always fail on client-side with error: “this.each is not a function” $.fn.inputmask.$.fn.inputmask @ jquery.inputmask.js:52

Im not familiar with AMD loader. it posible build this with webpack?

[ksrb]

@whooehoo a month late but if you are still trying to get jquery.inputmask to work with webpack here’s a ‘basic’ gist that works.

[nathanmarks]

@RobinHerbots @Bogdaan

Not sure if this is your problem bogdaan as I’m not trying the jquery implementation. Are you loading the dependency lib?

Here’s how i just set things up with jqlite

Import in your app like so:

import InputMask from 'inputmask';

to make the module available by that name you have to alias it and the dep lib

webpack config (using the jqlite dep lib, swap this out for jquery if you use that instead):

{
  // ... your config +
  resolve: {
    alias: {
      'inputmask.dependencyLib': path.join(__dirname, 'node_modules/jquery.inputmask/extra/dependencyLibs/inputmask.dependencyLib.jqlite.js'),
      'inputmask': path.join(__dirname, 'node_modules/jquery.inputmask/dist/inputmask/inputmask.js')
    }
  }
}