Soy nuevo en webpack y pug. Trabajando en una pequeña tarea y

• Escribí una función dropDown() en drop.js y la exporté en el archivo index.js,
• Traté de ponerlo en el archivo PUG pero:
• consola escribiendo si 'la función no está definida' o 'la función no es una función'.
• Por favor, ¿alguien podría ayudarme a resolver ese problema con la definición correcta de la función js?

aquí está el enlace a mi webpack.config ingrese la descripción del enlace aquí

aquí está mi archivo json ingrese la descripción del enlace aquí

en el archivo PUG uso una función como esta:

 .searchbox-drop button(href="#" data-dropdown='drop1' onclick='dropDown()' aria-controls='drop1' aria-expanded=false class='dropbtn') Вce +image('triangle','searchbox-drop__icon' )

en index.js

 import $ from "jquery"; import 'bootstrap'; import './styles/index.scss'; import {dropDown} from './drop.js'; window.dropDown = dropDown();

en drop.js

 export function dropDown(){ function show() { document.getElementById('myDropdown').classList.toggle('show'); } //close dropdown id the user cliks outside of it window.onclick = function(e){ if(!e.target.matches('.dropbtn')){ var myDropdown = document.getElementById('myDropdown'); if(myDropdown.classList.contains('show')){ myDropdown.classList.remove('show'); } } }

}

aquí hay parte del complemento PUG en el archivo CONFIG:

 new HtmlWebpackPlugin({ filename: 'index.pug' , minify: false, scriptloading:'blocking', inject:'body' }), new HtmlWebpackPugPlugin()

y aquí está index.pug

 include pug/libs/_libs include pug/_mixins doctype html html(lang='en') include pug/_head body include pug/_header block content

No sé lo que hice, pero ahora incluso tengo este error cuando hago clic en btn ingresa la descripción de la imagen aquí .