Разделы

Как подключить fancybox к webpack

Вопрос

Я занимаюсь web разработкой и мне нужно подключить к webpack fancybox. Подскажите как мне это сделать? Я использую npm. Все модули подключаю в файле app.js. Не могу понять что нужно прописать в файле webpack.config.js и app.js.

Ответ

Если установлен Fancybox 2 нужно удалить и устанвить Fancybox 3

npm uninstall fancybox --save-dev npm install @fancyapps/fancybox --save-dev

Затем в app.js нужно прописать

const jquery = require("jquery"); const $ = require("jquery"); const jQuery = require("jquery"); window.jQuery = $; const fancybox = require("@fancyapps/fancybox");

В файле webpack.config.js нужно прописать

plugins: [ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }) ] rules: [ { test: /fancybox[\/\\]dist[\/\\]js[\/\\]jquery.fancybox.cjs.js/, use: "imports-loader?jQuery=jquery,$=jquery,this=>window" } ]

И возможно нужно будет устновиь imports-loader

npm i imports-loader
  • Статьи раздела
  • Комментарии
Чтобы оставлять комментарии авторизуйтесь  или  зарегистрируйтесь

Комментарии к статье

    Комментарии отсутствуют

Авторизация

Восстановление пароля