Чтоб jQuery плагины работали и подключались, нужен
webpack.ProvidePlugin
, пример ниже.
webpack.config.jsmodule.exports = {
entry: path.resolve(__dirname, 'src/js/main.js'),
output: {
path: outputDir,
filename: 'bundle.js'
},
module: {
rules: [{
test: require.resolve('jquery'),
use: [{
loader: 'expose-loader',
options: '$'
}]
}]
},
plugins: [
new webpack.ProvidePlugin( {
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
} )
]
};
Установи fancybox
npm i @fancyapps/fancybox
Где-то в своем коде:
import "@fancyapps/fancybox";
Потом юзаешь как обычно.