Dimox
Импорт пакета установленного через npm
Привет. Использую Webpack, и es6-синтаксис. Установил пакет через npm. Делаю так:
import 'jquery-form-styler'
$('input[type="checkbox"]').styler()
Получаю Uncaught TypeError: $(...).styler is not a function
У меня такая же херня. Подключил руками. Почините пакет.
require('./jquery.formstyler.js');
Вот кем-то написанная на es6 версия - https://codepen.io/denys_ko/pen/qdEmvX
@nkl90 Код не мой и не автора. Пусть автор сам решает что с ним делать, судя по всему надо полностью заменить код плагина на этот(с доработками или без).
Получилось решить проблему нормальным путём. Решение - сделать 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"
})
]
Думаю можно это в инструкцию к плагину добавить.
