Импорт пакета установленного через npm

[SergeyML1000]

Привет. Использую Webpack, и es6-синтаксис.
Установил пакет через npm.
Делаю так:

import 'jquery-form-styler' 
$('input[type="checkbox"]').styler()

Получаю Uncaught TypeError: $(...).styler is not a function

[Dimox]

Я в этом не разбираюсь, к сожалению.

[nkl90]

У меня такая же херня. Подключил руками. Почините пакет.

require('./jquery.formstyler.js');

[VitaliyBogdanov]

Вот кем-то написанная на es6 версия - https://codepen.io/denys_ko/pen/qdEmvX

[nkl90]

@VitaliyBogdanov, спасибо! А чеж не форкнули? Или pull request хотя бы?

[VitaliyBogdanov]

@nkl90 Код не мой и не автора. Пусть автор сам решает что с ним делать, судя по всему надо полностью заменить код плагина на этот(с доработками или без).

[VitaliyBogdanov]

Получилось решить проблему нормальным путём.
Решение - сделать jquery видимым глобально. Тут подробнее - https://stackoverflow.com/questions/28969861/managing-jquery-plugin-dependency-in-webpack?answertab=active#tab-top
В настройках webpack добавляете alias (обязательно проверьте, что он работает):

// webpack.config.js

module.exports = {
    ...
    resolve: {
        alias: {
            $: path.resolve('node_modules','jquery/src/jquery'),
            jquery: path.resolve('node_modules','jquery/src/jquery'),
        }
    }
};

А затем

// webpack.config.js

plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ]

Думаю можно это в инструкцию к плагину добавить.

[enemy-senator92]

Автор отпишись пожалуйста, как дела в данном вопросе?

[Dimox]

@enemy-senator92 я уже ответил выше.