Suggestions? Importing JavaScript objects into .hooks.js files (Surface UI)

I think it would work nicely if I can organize my code as follows, if there is a large amount of lines of code:

AppWeb/Live
|_________ helpers (folder)
|_________ aardvark.ex
|_________ aardvark.sface
|_________ aardvark.css
|_________ aardvark.hooks.js
|_________ aardvark.js

But also being able to use fewer files, if there aren’t as many lines of code.

AppWeb/Live
|_________ helpers (folder)
|_________ aardvark.ex
|_________ aardvark.hooks.js

I’m anticipating the maintenance of large projects. That’s why I’m interested in this topic atm.

By the way, I’m not trying to imply putting all files at the top level of AppWeb/Live, that’s also for argument’s sake only.