diff --git a/web_src/js/components/DashboardRepoList.js b/web_src/js/components/DashboardRepoList.js
index 7ae62af0a012c..04eb304c80077 100644
--- a/web_src/js/components/DashboardRepoList.js
+++ b/web_src/js/components/DashboardRepoList.js
@@ -348,7 +348,7 @@ function initVueComponents() {
 }
 
 
-function initDashboardRepoList() {
+export function initDashboardRepoList() {
   const el = document.getElementById('dashboard-repo-list');
   const dashboardRepoListData = pageData.dashboardRepoList || null;
   if (!el || !dashboardRepoListData) return;
@@ -366,5 +366,3 @@ function initDashboardRepoList() {
     },
   });
 }
-
-export {initDashboardRepoList};
diff --git a/web_src/js/components/RepoActivityTopAuthors.vue b/web_src/js/components/RepoActivityTopAuthors.vue
index d510695b1df63..37b6df91878f9 100644
--- a/web_src/js/components/RepoActivityTopAuthors.vue
+++ b/web_src/js/components/RepoActivityTopAuthors.vue
@@ -101,10 +101,9 @@ const sfc = {
   }
 };
 
-function initRepoActivityTopAuthorsChart() {
+export function initRepoActivityTopAuthorsChart() {
   initVueApp('#repo-activity-top-authors-chart', sfc);
 }
 
-export default sfc;
-export {initRepoActivityTopAuthorsChart};
+export default sfc; // this line is necessary to activate the IDE's Vue plugin
 </script>
diff --git a/web_src/js/components/RepoBranchTagDropdown.js b/web_src/js/components/RepoBranchTagDropdown.js
index a0be57ab3d3b6..50c71d5bacc02 100644
--- a/web_src/js/components/RepoBranchTagDropdown.js
+++ b/web_src/js/components/RepoBranchTagDropdown.js
@@ -1,6 +1,7 @@
 import Vue from 'vue';
+import {vueDelimiters} from './VueComponentLoader.js';
 
-function initRepoBranchTagDropdown(selector) {
+export function initRepoBranchTagDropdown(selector) {
   $(selector).each(function () {
     const $dropdown = $(this);
     const $data = $dropdown.find('.data');
@@ -26,7 +27,7 @@ function initRepoBranchTagDropdown(selector) {
     $data.remove();
     new Vue({
       el: this,
-      delimiters: ['${', '}'],
+      delimiters: vueDelimiters,
       data,
       computed: {
         filteredItems() {
@@ -157,5 +158,3 @@ function initRepoBranchTagDropdown(selector) {
     });
   });
 }
-
-export {initRepoBranchTagDropdown};
diff --git a/web_src/js/components/VueComponentLoader.js b/web_src/js/components/VueComponentLoader.js
index 6b2a2cbd58f62..110782bbb1d8f 100644
--- a/web_src/js/components/VueComponentLoader.js
+++ b/web_src/js/components/VueComponentLoader.js
@@ -1,10 +1,10 @@
 import Vue from 'vue';
 import {svgs} from '../svg.js';
 
-const vueDelimiters = ['${', '}'];
+export const vueDelimiters = ['${', '}'];
 
 let vueEnvInited = false;
-function initVueEnv() {
+export function initVueEnv() {
   if (vueEnvInited) return;
   vueEnvInited = true;
 
@@ -14,7 +14,7 @@ function initVueEnv() {
 }
 
 let vueSvgInited = false;
-function initVueSvg() {
+export function initVueSvg() {
   if (vueSvgInited) return;
   vueSvgInited = true;
 
@@ -36,8 +36,7 @@ function initVueSvg() {
   }
 }
 
-
-function initVueApp(el, opts = {}) {
+export function initVueApp(el, opts = {}) {
   if (typeof el === 'string') {
     el = document.querySelector(el);
   }
@@ -48,5 +47,3 @@ function initVueApp(el, opts = {}) {
     delimiters: vueDelimiters,
   }, opts));
 }
-
-export {vueDelimiters, initVueEnv, initVueSvg, initVueApp};
diff --git a/web_src/js/features/admin-common.js b/web_src/js/features/admin-common.js
index bad176143a47b..4f12c1846dc12 100644
--- a/web_src/js/features/admin-common.js
+++ b/web_src/js/features/admin-common.js
@@ -1,6 +1,6 @@
 const {csrf} = window.config;
 
-function initAdminCommon() {
+export function initAdminCommon() {
   if ($('.admin').length === 0) {
     return;
   }
@@ -212,5 +212,3 @@ function initAdminCommon() {
     });
   }
 }
-
-export {initAdminCommon};
diff --git a/web_src/js/features/admin-emails.js b/web_src/js/features/admin-emails.js
index 630ae5aee9bad..f69629d42b580 100644
--- a/web_src/js/features/admin-emails.js
+++ b/web_src/js/features/admin-emails.js
@@ -1,4 +1,4 @@
-function initAdminEmails() {
+export function initAdminEmails() {
   function linkEmailAction(e) {
     const $this = $(this);
     $('#form-uid').val($this.data('uid'));
@@ -10,5 +10,3 @@ function initAdminEmails() {
   }
   $('.link-email-action').on('click', linkEmailAction);
 }
-
-export {initAdminEmails};
diff --git a/web_src/js/features/common-global.js b/web_src/js/features/common-global.js
index 243fca4b7897c..79cdac5def032 100644
--- a/web_src/js/features/common-global.js
+++ b/web_src/js/features/common-global.js
@@ -6,7 +6,7 @@ import 'jquery.are-you-sure';
 
 const {csrf} = window.config;
 
-function initGlobalFormDirtyLeaveConfirm() {
+export function initGlobalFormDirtyLeaveConfirm() {
   // Warn users that try to leave a page after entering data into a form.
   // Except on sign-in pages, and for forms marked as 'ignore-dirty'.
   if ($('.user.signin').length === 0) {
@@ -14,7 +14,7 @@ function initGlobalFormDirtyLeaveConfirm() {
   }
 }
 
-function initHeadNavbarContentToggle() {
+export function initHeadNavbarContentToggle() {
   const content = $('#navbar');
   const toggle = $('#navbar-expand-toggle');
   let isExpanded = false;
@@ -30,7 +30,7 @@ function initHeadNavbarContentToggle() {
   });
 }
 
-function initFootLanguageMenu() {
+export function initFootLanguageMenu() {
   function linkLanguageAction() {
     const $this = $(this);
     $.post($this.data('url')).always(() => {
@@ -42,7 +42,7 @@ function initFootLanguageMenu() {
 }
 
 
-function initGlobalEnterQuickSubmit() {
+export function initGlobalEnterQuickSubmit() {
   $('.js-quick-submit').on('keydown', function (e) {
     if (((e.ctrlKey && !e.altKey) || e.metaKey) && (e.keyCode === 13 || e.keyCode === 10)) {
       $(this).closest('form').trigger('submit');
@@ -50,7 +50,7 @@ function initGlobalEnterQuickSubmit() {
   });
 }
 
-function initGlobalButtonClickOnEnter() {
+export function initGlobalButtonClickOnEnter() {
   $(document).on('keypress', '.ui.button', (e) => {
     if (e.keyCode === 13 || e.keyCode === 32) { // enter key or space bar
       $(e.target).trigger('click');
@@ -58,7 +58,7 @@ function initGlobalButtonClickOnEnter() {
   });
 }
 
-function initGlobalCommon() {
+export function initGlobalCommon() {
   // Show exact time
   $('.time-since').each(function () {
     $(this)
@@ -130,7 +130,7 @@ function initGlobalCommon() {
   });
 }
 
-async function initGlobalDropzone() {
+export async function initGlobalDropzone() {
   // Dropzone
   for (const el of document.querySelectorAll('.dropzone')) {
     const $dropzone = $(el);
@@ -168,7 +168,7 @@ async function initGlobalDropzone() {
   }
 }
 
-function initGlobalLinkActions() {
+export function initGlobalLinkActions() {
   function showDeletePopup() {
     const $this = $(this);
     const dataArray = $this.data();
@@ -278,7 +278,7 @@ function initGlobalLinkActions() {
   });
 }
 
-function initGlobalButtons() {
+export function initGlobalButtons() {
   $('.show-panel.button').on('click', function () {
     $($(this).data('panel')).show();
   });
@@ -304,15 +304,3 @@ function initGlobalButtons() {
     });
   });
 }
-
-export {
-  initHeadNavbarContentToggle,
-  initFootLanguageMenu,
-  initGlobalEnterQuickSubmit,
-  initGlobalFormDirtyLeaveConfirm,
-  initGlobalButtonClickOnEnter,
-  initGlobalCommon,
-  initGlobalDropzone,
-  initGlobalLinkActions,
-  initGlobalButtons,
-};
diff --git a/web_src/js/features/common-issue.js b/web_src/js/features/common-issue.js
index caa452adeb765..e2cf51f2a0c0d 100644
--- a/web_src/js/features/common-issue.js
+++ b/web_src/js/features/common-issue.js
@@ -1,6 +1,6 @@
 import {updateIssuesMeta} from './repo-issue.js';
 
-function initCommonIssue() {
+export function initCommonIssue() {
   $('.issue-checkbox').on('click', () => {
     const numChecked = $('.issue-checkbox').children('input:checked').length;
     if (numChecked > 0) {
@@ -38,5 +38,3 @@ function initCommonIssue() {
     $(e).trigger('click');
   });
 }
-
-export {initCommonIssue};
diff --git a/web_src/js/features/common-organization.js b/web_src/js/features/common-organization.js
index 62074b1205923..9496f8ff22060 100644
--- a/web_src/js/features/common-organization.js
+++ b/web_src/js/features/common-organization.js
@@ -1,11 +1,10 @@
 import {initCompLabelEdit} from './comp/LabelEdit.js';
 
-function initCommonOrganization() {
+export function initCommonOrganization() {
   if ($('.organization').length === 0) {
     return;
   }
 
-  // Options
   if ($('.organization.settings.options').length > 0) {
     $('#org_name').on('keyup', function () {
       const $prompt = $('#org-name-change-prompt');
@@ -23,5 +22,3 @@ function initCommonOrganization() {
   // Labels
   initCompLabelEdit('.organization.settings.labels');
 }
-
-export {initCommonOrganization};
diff --git a/web_src/js/features/comp/ColorPicker.js b/web_src/js/features/comp/ColorPicker.js
index d16ae6404fba4..669e1d1f18f0a 100644
--- a/web_src/js/features/comp/ColorPicker.js
+++ b/web_src/js/features/comp/ColorPicker.js
@@ -1,6 +1,6 @@
 import createColorPicker from '../colorpicker.js';
 
-function initCompColorPicker() {
+export function initCompColorPicker() {
   createColorPicker($('.color-picker'));
 
   $('.precolors .color').on('click', function () {
@@ -9,5 +9,3 @@ function initCompColorPicker() {
     $('.minicolors-swatch-color').css('background-color', color_hex);
   });
 }
-
-export {initCompColorPicker};
diff --git a/web_src/js/features/comp/CommentSimpleMDE.js b/web_src/js/features/comp/CommentSimpleMDE.js
index 806a63b184c67..fbc0ec8bafbf3 100644
--- a/web_src/js/features/comp/CommentSimpleMDE.js
+++ b/web_src/js/features/comp/CommentSimpleMDE.js
@@ -1,6 +1,6 @@
 import attachTribute from '../tribute.js';
 
-function createCommentSimpleMDE($editArea) {
+export function createCommentSimpleMDE($editArea) {
   if ($editArea.length === 0) {
     return null;
   }
@@ -70,5 +70,3 @@ function createCommentSimpleMDE($editArea) {
   $(simplemde.codemirror.getInputField()).data('simplemde', simplemde);
   return simplemde;
 }
-
-export {createCommentSimpleMDE};
diff --git a/web_src/js/features/comp/ImagePaste.js b/web_src/js/features/comp/ImagePaste.js
index 939391362776c..b6881dd282ead 100644
--- a/web_src/js/features/comp/ImagePaste.js
+++ b/web_src/js/features/comp/ImagePaste.js
@@ -53,7 +53,7 @@ function replaceAndKeepCursor(field, oldval, newval) {
   }
 }
 
-function initCompImagePaste($target) {
+export function initCompImagePaste($target) {
   $target.each(function () {
     const dropzone = this.querySelector('.dropzone');
     if (!dropzone) {
@@ -76,7 +76,7 @@ function initCompImagePaste($target) {
   });
 }
 
-function initSimpleMDEImagePaste(simplemde, dropzone, files) {
+export function initSimpleMDEImagePaste(simplemde, dropzone, files) {
   const uploadUrl = dropzone.dataset.uploadUrl;
   simplemde.codemirror.on('paste', async (_, e) => {
     for (const img of clipboardPastedImages(e)) {
@@ -89,5 +89,3 @@ function initSimpleMDEImagePaste(simplemde, dropzone, files) {
     }
   });
 }
-
-export {initCompImagePaste, initSimpleMDEImagePaste};
diff --git a/web_src/js/features/comp/LabelEdit.js b/web_src/js/features/comp/LabelEdit.js
index 80b5be2aaac37..7d71e6effaa2a 100644
--- a/web_src/js/features/comp/LabelEdit.js
+++ b/web_src/js/features/comp/LabelEdit.js
@@ -1,6 +1,6 @@
 import {initCompColorPicker} from './ColorPicker.js';
 
-function initCompLabelEdit(selector) {
+export function initCompLabelEdit(selector) {
   if (!$(selector).length) return;
   // Create label
   const $newLabelPanel = $('.new-label.segment');
@@ -28,5 +28,3 @@ function initCompLabelEdit(selector) {
     return false;
   });
 }
-
-export {initCompLabelEdit};
diff --git a/web_src/js/features/comp/MarkupContentPreview.js b/web_src/js/features/comp/MarkupContentPreview.js
index 4364267d17ebb..0b05c4efaea5d 100644
--- a/web_src/js/features/comp/MarkupContentPreview.js
+++ b/web_src/js/features/comp/MarkupContentPreview.js
@@ -2,7 +2,7 @@ import {initMarkupContent} from '../../markup/content.js';
 
 const {csrf} = window.config;
 
-function initCompMarkupContentPreviewTab($form) {
+export function initCompMarkupContentPreviewTab($form) {
   const $tabMenu = $form.find('.tabular.menu');
   $tabMenu.find('.item').tab();
   $tabMenu.find(`.item[data-tab="${$tabMenu.data('preview')}"]`).on('click', function () {
@@ -19,5 +19,3 @@ function initCompMarkupContentPreviewTab($form) {
     });
   });
 }
-
-export {initCompMarkupContentPreviewTab};
diff --git a/web_src/js/features/comp/ReactionSelector.js b/web_src/js/features/comp/ReactionSelector.js
index 7bae4f99024c7..d11c9667b947a 100644
--- a/web_src/js/features/comp/ReactionSelector.js
+++ b/web_src/js/features/comp/ReactionSelector.js
@@ -1,6 +1,6 @@
 const {csrf} = window.config;
 
-function initCompReactionSelector(parent) {
+export function initCompReactionSelector(parent) {
   let reactions = '';
   if (!parent) {
     parent = $(document);
@@ -46,5 +46,3 @@ function initCompReactionSelector(parent) {
     });
   });
 }
-
-export {initCompReactionSelector};
diff --git a/web_src/js/features/comp/SearchUserBox.js b/web_src/js/features/comp/SearchUserBox.js
index 4a111fbcd1cdc..9019f17de39a3 100644
--- a/web_src/js/features/comp/SearchUserBox.js
+++ b/web_src/js/features/comp/SearchUserBox.js
@@ -2,7 +2,7 @@ import {htmlEscape} from 'escape-goat';
 
 const {AppSubUrl} = window.config;
 
-function initSearchUserBox() {
+export function initSearchUserBox() {
   const $searchUserBox = $('#search-user-box');
   $searchUserBox.search({
     minCharacters: 2,
@@ -34,5 +34,3 @@ function initSearchUserBox() {
     showNoResults: false
   });
 }
-
-export {initSearchUserBox};
diff --git a/web_src/js/features/comp/WebHookEditor.js b/web_src/js/features/comp/WebHookEditor.js
index 3b10b742612a2..6911c6cb1675d 100644
--- a/web_src/js/features/comp/WebHookEditor.js
+++ b/web_src/js/features/comp/WebHookEditor.js
@@ -1,6 +1,6 @@
 const {csrf} = window.config;
 
-function initWebHookEditor() {
+export function initWebHookEditor() {
   if ($('.new.webhook').length === 0) {
     return;
   }
@@ -38,5 +38,3 @@ function initWebHookEditor() {
     );
   });
 }
-
-export {initWebHookEditor};
diff --git a/web_src/js/features/install.js b/web_src/js/features/install.js
index 876a610377faf..6083fa7a585b6 100644
--- a/web_src/js/features/install.js
+++ b/web_src/js/features/install.js
@@ -1,5 +1,4 @@
-
-function initInstall() {
+export function initInstall() {
   if ($('.install').length === 0) {
     return;
   }
@@ -90,5 +89,3 @@ function initInstall() {
     }
   });
 }
-
-export {initInstall};
diff --git a/web_src/js/features/org-team.js b/web_src/js/features/org-team.js
index 9f99721b9a6b3..d6492965ff210 100644
--- a/web_src/js/features/org-team.js
+++ b/web_src/js/features/org-team.js
@@ -1,6 +1,6 @@
 const {AppSubUrl} = window.config;
 
-function initOrgTeamSettings() {
+export function initOrgTeamSettings() {
   // Change team access mode
   $('.organization.new.team input[name=permission]').on('change', () => {
     const val = $('input[name=permission]:checked', '.organization.new.team').val();
@@ -13,7 +13,7 @@ function initOrgTeamSettings() {
 }
 
 
-function initOrgTeamSearchRepoBox() {
+export function initOrgTeamSearchRepoBox() {
   const $searchRepoBox = $('#search-repo-box');
   $searchRepoBox.search({
     minCharacters: 2,
@@ -35,5 +35,3 @@ function initOrgTeamSearchRepoBox() {
     showNoResults: false
   });
 }
-
-export {initOrgTeamSettings, initOrgTeamSearchRepoBox};
diff --git a/web_src/js/features/repo-branch.js b/web_src/js/features/repo-branch.js
index 210ee125a73bc..c9119997caef0 100644
--- a/web_src/js/features/repo-branch.js
+++ b/web_src/js/features/repo-branch.js
@@ -1,9 +1,7 @@
-function initRepoBranchButton() {
+export function initRepoBranchButton() {
   $('.show-create-branch-modal.button').on('click', function () {
     $('#create-branch-form')[0].action = $('#create-branch-form').data('base-action') + $(this).data('branch-from');
     $('#modal-create-branch-from-span').text($(this).data('branch-from'));
     $($(this).data('modal')).modal('show');
   });
 }
-
-export {initRepoBranchButton};
diff --git a/web_src/js/features/repo-code.js b/web_src/js/features/repo-code.js
index 5026f3043a3e8..74b3c1fba8189 100644
--- a/web_src/js/features/repo-code.js
+++ b/web_src/js/features/repo-code.js
@@ -70,7 +70,7 @@ function showLineButton() {
   $('.code-line-button').popup({popup: $('.code-line-menu'), on: 'click'});
 }
 
-function initRepoCodeView() {
+export function initRepoCodeView() {
   if ($('.code-view .lines-num').length > 0) {
     $(document).on('click', '.lines-num span', function (e) {
       const $select = $(this);
@@ -143,5 +143,3 @@ function initRepoCodeView() {
     currentTarget.closest('tr').outerHTML = blob;
   });
 }
-
-export {initRepoCodeView};
diff --git a/web_src/js/features/repo-commit.js b/web_src/js/features/repo-commit.js
index 147c9849e34aa..336a37d654725 100644
--- a/web_src/js/features/repo-commit.js
+++ b/web_src/js/features/repo-commit.js
@@ -1,9 +1,6 @@
-function initRepoCommitButton() {
+export function initRepoCommitButton() {
   $('.commit-button').on('click', function (e) {
     e.preventDefault();
     $(this).parent().find('.commit-body').toggle();
   });
 }
-
-export {initRepoCommitButton};
-
diff --git a/web_src/js/features/repo-common.js b/web_src/js/features/repo-common.js
index 1941b8243ab69..c050dba34c813 100644
--- a/web_src/js/features/repo-common.js
+++ b/web_src/js/features/repo-common.js
@@ -32,7 +32,7 @@ function getArchive($target, url, first) {
   });
 }
 
-function initRepoArchiveLinks() {
+export function initRepoArchiveLinks() {
   $('.archive-link').on('click', function (event) {
     event.preventDefault();
     const url = $(this).data('url');
@@ -41,7 +41,7 @@ function initRepoArchiveLinks() {
   });
 }
 
-function initRepoClone() {
+export function initRepoClone() {
   // Quick start and repository home
   $('#repo-clone-ssh').on('click', function () {
     $('.clone-url').text($(this).data('link'));
@@ -64,7 +64,7 @@ function initRepoClone() {
   });
 }
 
-function initRepoCommonBranchOrTagDropdown(selector) {
+export function initRepoCommonBranchOrTagDropdown(selector) {
   $(selector).each(function () {
     const $dropdown = $(this);
     $dropdown.find('.reference.column').on('click', function () {
@@ -75,7 +75,7 @@ function initRepoCommonBranchOrTagDropdown(selector) {
   });
 }
 
-function initRepoCommonFilterSearchDropdown(selector) {
+export function initRepoCommonFilterSearchDropdown(selector) {
   const $dropdown = $(selector);
   $dropdown.dropdown({
     fullTextSearch: true,
@@ -89,7 +89,7 @@ function initRepoCommonFilterSearchDropdown(selector) {
   });
 }
 
-function initRepoCommonLanguageStats() {
+export function initRepoCommonLanguageStats() {
   // Language stats
   if ($('.language-stats').length > 0) {
     $('.language-stats').on('click', (e) => {
@@ -98,11 +98,3 @@ function initRepoCommonLanguageStats() {
     });
   }
 }
-
-export {
-  initRepoArchiveLinks,
-  initRepoClone,
-  initRepoCommonFilterSearchDropdown,
-  initRepoCommonLanguageStats,
-  initRepoCommonBranchOrTagDropdown,
-};
diff --git a/web_src/js/features/repo-diff.js b/web_src/js/features/repo-diff.js
index 484bc4de91525..4d6a1a011d3f0 100644
--- a/web_src/js/features/repo-diff.js
+++ b/web_src/js/features/repo-diff.js
@@ -2,13 +2,13 @@ import {initCompReactionSelector} from './comp/ReactionSelector.js';
 
 const {csrf} = window.config;
 
-function initRepoDiffReviewButton() {
+export function initRepoDiffReviewButton() {
   $(document).on('click', 'button[name="is_review"]', (e) => {
     $(e.target).closest('form').append('<input type="hidden" name="is_review" value="true">');
   });
 }
 
-function initRepoDiffFileViewToggle() {
+export function initRepoDiffFileViewToggle() {
   $('.file-view-toggle').on('click', function () {
     const $this = $(this);
     $this.parent().children().removeClass('active');
@@ -20,7 +20,7 @@ function initRepoDiffFileViewToggle() {
   });
 }
 
-function initRepoDiffConversationForm() {
+export function initRepoDiffConversationForm() {
   $('.conversation-holder form').on('submit', async (e) => {
     e.preventDefault();
     const form = $(e.target);
@@ -58,7 +58,7 @@ function initRepoDiffConversationForm() {
   });
 }
 
-function initRepoDiffConversationNav() {
+export function initRepoDiffConversationNav() {
   // Previous/Next code review conversation
   $(document).on('click', '.previous-conversation', (e) => {
     const $conversation = $(e.currentTarget).closest('.comment-code-cloud');
@@ -79,10 +79,3 @@ function initRepoDiffConversationNav() {
     window.location.href = `#${anchor}`;
   });
 }
-
-export {
-  initRepoDiffReviewButton,
-  initRepoDiffFileViewToggle,
-  initRepoDiffConversationForm,
-  initRepoDiffConversationNav,
-};
diff --git a/web_src/js/features/repo-editor.js b/web_src/js/features/repo-editor.js
index 0a227f7c9b29d..831b621fde84a 100644
--- a/web_src/js/features/repo-editor.js
+++ b/web_src/js/features/repo-editor.js
@@ -75,7 +75,7 @@ function getCursorPosition($e) {
   return pos;
 }
 
-async function initRepoEditor() {
+export async function initRepoEditor() {
   initEditorForm();
 
   $('.js-quick-pull-choice-option').on('change', function () {
@@ -178,5 +178,3 @@ async function initRepoEditor() {
     }
   });
 }
-
-export {initRepoEditor};
diff --git a/web_src/js/features/repo-home.js b/web_src/js/features/repo-home.js
index 0774a398bdca9..142698f0747bb 100644
--- a/web_src/js/features/repo-home.js
+++ b/web_src/js/features/repo-home.js
@@ -2,7 +2,7 @@ import {stripTags} from '../utils.js';
 
 const {AppSubUrl, csrf} = window.config;
 
-function initRepoTopicBar() {
+export function initRepoTopicBar() {
   const mgrBtn = $('#manage_topic');
   const editDiv = $('#topic_edit');
   const viewDiv = $('#repo-topics');
@@ -178,5 +178,3 @@ function initRepoTopicBar() {
     }
   });
 }
-
-export {initRepoTopicBar};
diff --git a/web_src/js/features/repo-issue.js b/web_src/js/features/repo-issue.js
index cea7583f207c3..858398aac9888 100644
--- a/web_src/js/features/repo-issue.js
+++ b/web_src/js/features/repo-issue.js
@@ -6,7 +6,7 @@ import {initCompMarkupContentPreviewTab} from './comp/MarkupContentPreview.js';
 
 const {AppSubUrl, csrf} = window.config;
 
-function initRepoIssueTimeTracking() {
+export function initRepoIssueTimeTracking() {
   $(document).on('click', '.issue-add-time', () => {
     $('.issue-start-time-modal').modal({
       duration: 200,
@@ -73,7 +73,7 @@ function updateDeadline(deadlineString) {
   });
 }
 
-function initRepoIssueDue() {
+export function initRepoIssueDue() {
   $(document).on('click', '.issue-due-edit', () => {
     $('#deadlineForm').fadeToggle(150);
   });
@@ -86,7 +86,7 @@ function initRepoIssueDue() {
   });
 }
 
-function initRepoIssueList() {
+export function initRepoIssueList() {
   const repolink = $('#repolink').val();
   const repoId = $('#repoId').val();
   const crossRepoSearch = $('#crossRepoSearch').val();
@@ -151,7 +151,7 @@ function initRepoIssueList() {
   });
 }
 
-function initRepoIssueCommentDelete() {
+export function initRepoIssueCommentDelete() {
   // Delete comment
   $(document).on('click', '.delete-comment', function () {
     const $this = $(this);
@@ -179,7 +179,7 @@ function initRepoIssueCommentDelete() {
   });
 }
 
-function initRepoIssueDependencyDelete() {
+export function initRepoIssueDependencyDelete() {
   // Delete Issue dependency
   $(document).on('click', '.delete-dependency-button', (e) => {
     const {id, type} = e.currentTarget.dataset;
@@ -196,7 +196,7 @@ function initRepoIssueDependencyDelete() {
   });
 }
 
-function initRepoIssueCodeCommentCancel() {
+export function initRepoIssueCodeCommentCancel() {
   // Cancel inline code comment
   $(document).on('click', '.cancel-code-comment', (e) => {
     const form = $(e.currentTarget).closest('form');
@@ -209,7 +209,7 @@ function initRepoIssueCodeCommentCancel() {
   });
 }
 
-function initRepoIssueStatusButton() {
+export function initRepoIssueStatusButton() {
   // Change status
   const $statusButton = $('#status-button');
   $('#comment-form textarea').on('keyup', function () {
@@ -223,7 +223,7 @@ function initRepoIssueStatusButton() {
   });
 }
 
-function initRepoPullRequestMerge() {
+export function initRepoPullRequestMerge() {
   // Pull Request merge button
   const $mergeButton = $('.merge-button > button');
   $mergeButton.on('click', function (e) {
@@ -249,7 +249,7 @@ function initRepoPullRequestMerge() {
   });
 }
 
-function initRepoPullRequestUpdate() {
+export function initRepoPullRequestUpdate() {
   // Pull Request update button
   const $pullUpdateButton = $('.update-button > button');
   $pullUpdateButton.on('click', function (e) {
@@ -281,13 +281,13 @@ function initRepoPullRequestUpdate() {
   });
 }
 
-function initRepoPullRequestMergeInstruction() {
+export function initRepoPullRequestMergeInstruction() {
   $('.show-instruction').on('click', () => {
     $('.instruct-content').toggle();
   });
 }
 
-function initRepoIssueReferenceRepositorySearch() {
+export function initRepoIssueReferenceRepositorySearch() {
   $('.issue_reference_repository_search')
     .dropdown({
       apiSettings: {
@@ -313,7 +313,7 @@ function initRepoIssueReferenceRepositorySearch() {
 }
 
 
-function initRepoIssueWipTitle() {
+export function initRepoIssueWipTitle() {
   $('.title_wip_desc > a').on('click', (e) => {
     e.preventDefault();
 
@@ -332,7 +332,7 @@ function initRepoIssueWipTitle() {
   });
 }
 
-function updateIssuesMeta(url, action, issueIds, elementId) {
+export function updateIssuesMeta(url, action, issueIds, elementId) {
   return new Promise((resolve, reject) => {
     $.ajax({
       type: 'POST',
@@ -349,7 +349,7 @@ function updateIssuesMeta(url, action, issueIds, elementId) {
   });
 }
 
-function initRepoIssueComments() {
+export function initRepoIssueComments() {
   if ($('.repository.view.issue .timeline').length === 0) return;
 
   $('.re-request-review').on('click', function (event) {
@@ -411,7 +411,7 @@ function assignMenuAttributes(menu) {
   return id;
 }
 
-function initRepoPullRequestReview() {
+export function initRepoPullRequestReview() {
   if (window.location.hash && window.location.hash.startsWith('#issuecomment-')) {
     const commentDiv = $(window.location.hash);
     if (commentDiv) {
@@ -533,7 +533,7 @@ function initRepoPullRequestReview() {
   });
 }
 
-function initRepoIssueReferenceIssue() {
+export function initRepoIssueReferenceIssue() {
   // Reference issue
   $(document).on('click', '.reference-issue', function (event) {
     const $this = $(this);
@@ -550,7 +550,7 @@ function initRepoIssueReferenceIssue() {
   });
 }
 
-function initRepoIssueWipToggle() {
+export function initRepoIssueWipToggle() {
   // Toggle WIP
   $('.toggle-wip a, .toggle-wip button').on('click', async (e) => {
     e.preventDefault();
@@ -564,7 +564,7 @@ function initRepoIssueWipToggle() {
 }
 
 
-function initRepoIssueTitleEdit() {
+export function initRepoIssueTitleEdit() {
   // Edit issue title
   const $issueTitle = $('#issue-title');
   const $editInput = $('#edit-title-input input');
@@ -619,7 +619,7 @@ function initRepoIssueTitleEdit() {
   });
 }
 
-function initRepoIssueBranchSelect() {
+export function initRepoIssueBranchSelect() {
   const changeBranchSelect = function () {
     const selectionTextField = $('#pull-target-branch');
 
@@ -636,25 +636,3 @@ function initRepoIssueBranchSelect() {
   };
   $('#branch-select > .item').on('click', changeBranchSelect);
 }
-
-export {
-  updateIssuesMeta,
-  initRepoIssueTimeTracking,
-  initRepoIssueDue,
-  initRepoIssueList,
-  initRepoIssueCommentDelete,
-  initRepoIssueDependencyDelete,
-  initRepoIssueCodeCommentCancel,
-  initRepoIssueStatusButton,
-  initRepoPullRequestMerge,
-  initRepoPullRequestUpdate,
-  initRepoPullRequestMergeInstruction,
-  initRepoIssueReferenceRepositorySearch,
-  initRepoIssueWipTitle,
-  initRepoIssueComments,
-  initRepoPullRequestReview,
-  initRepoIssueReferenceIssue,
-  initRepoIssueWipToggle,
-  initRepoIssueTitleEdit,
-  initRepoIssueBranchSelect,
-};
diff --git a/web_src/js/features/repo-legacy.js b/web_src/js/features/repo-legacy.js
index 8be9cbaec262d..a1c405d719af1 100644
--- a/web_src/js/features/repo-legacy.js
+++ b/web_src/js/features/repo-legacy.js
@@ -31,9 +31,10 @@ const {csrf} = window.config;
 
 const commentMDEditors = {};
 
+// FIXME: the usage of `autoSimpleMDE` is quite messy, the refactor should be done very carefully in future.
 let autoSimpleMDE;
 
-function initRepoCommentForm() {
+export function initRepoCommentForm() {
   if ($('.comment.form').length === 0) {
     return;
   }
@@ -258,7 +259,7 @@ function initRepoCommentForm() {
 }
 
 
-async function initRepository() {
+export async function initRepository() {
   if ($('.repository').length === 0) {
     return;
   }
@@ -571,5 +572,3 @@ function initRepoIssueQuoteReply() {
     event.preventDefault();
   });
 }
-
-export {initRepoCommentForm, initRepository};
diff --git a/web_src/js/features/repo-migrate.js b/web_src/js/features/repo-migrate.js
index a8a0e6cca22bd..872dbc34f55b8 100644
--- a/web_src/js/features/repo-migrate.js
+++ b/web_src/js/features/repo-migrate.js
@@ -1,6 +1,6 @@
 const {AppSubUrl, csrf} = window.config;
 
-function initRepoMigrationStatusChecker() {
+export function initRepoMigrationStatusChecker() {
   const migrating = $('#repo_migrating');
   $('#repo_migrating_failed').hide();
   $('#repo_migrating_failed_image').hide();
@@ -46,5 +46,3 @@ function initRepoMigrationStatusChecker() {
     });
   }
 }
-
-export {initRepoMigrationStatusChecker};
diff --git a/web_src/js/features/repo-release.js b/web_src/js/features/repo-release.js
index 16a1601b85bab..08e3e9e026513 100644
--- a/web_src/js/features/repo-release.js
+++ b/web_src/js/features/repo-release.js
@@ -3,7 +3,7 @@ import {initCompMarkupContentPreviewTab} from './comp/MarkupContentPreview.js';
 import {initSimpleMDEImagePaste} from './comp/ImagePaste.js';
 import {createCommentSimpleMDE} from './comp/CommentSimpleMDE.js';
 
-function initRepoRelease() {
+export function initRepoRelease() {
   $(document).on('click', '.remove-rel-attach', function() {
     const uuid = $(this).data('uuid');
     const id = $(this).data('id');
@@ -13,7 +13,7 @@ function initRepoRelease() {
 }
 
 
-function initRepoReleaseEditor() {
+export function initRepoReleaseEditor() {
   const $editor = $('.repository.new.release .content-editor');
   if ($editor.length === 0) {
     return false;
@@ -27,5 +27,3 @@ function initRepoReleaseEditor() {
   const dropzone = $editor.parent().find('.dropzone')[0];
   initSimpleMDEImagePaste($simplemde, dropzone, $files);
 }
-
-export {initRepoRelease, initRepoReleaseEditor};
diff --git a/web_src/js/features/repo-settings.js b/web_src/js/features/repo-settings.js
index 0cded32a3f65f..e06344893643d 100644
--- a/web_src/js/features/repo-settings.js
+++ b/web_src/js/features/repo-settings.js
@@ -3,7 +3,7 @@ import {initRepoCommonFilterSearchDropdown} from './repo-common.js';
 
 const {AppSubUrl, csrf} = window.config;
 
-function initRepoSettingsCollaboration() {
+export function initRepoSettingsCollaboration() {
   // Change collaborator access mode
   $('.access-mode.menu .item').on('click', function () {
     const $menu = $(this).parent();
@@ -15,7 +15,7 @@ function initRepoSettingsCollaboration() {
   });
 }
 
-function initRepoSettingSearchTeamBox() {
+export function initRepoSettingSearchTeamBox() {
   const $searchTeamBox = $('#search-team-box');
   $searchTeamBox.search({
     minCharacters: 2,
@@ -40,13 +40,13 @@ function initRepoSettingSearchTeamBox() {
 }
 
 
-async function initRepoSettingGitHook() {
+export async function initRepoSettingGitHook() {
   if ($('.edit.githook').length === 0) return;
   const filename = document.querySelector('.hook-filename').textContent;
   await createMonaco($('#content')[0], filename, {language: 'shell'});
 }
 
-function initRepoSettingBranches() {
+export function initRepoSettingBranches() {
   // Branches
   if ($('.repository.settings.branches').length > 0) {
     initRepoCommonFilterSearchDropdown('.protected-branches .dropdown');
@@ -64,5 +64,3 @@ function initRepoSettingBranches() {
     });
   }
 }
-
-export {initRepoSettingsCollaboration, initRepoSettingSearchTeamBox, initRepoSettingGitHook, initRepoSettingBranches};
diff --git a/web_src/js/features/repo-template.js b/web_src/js/features/repo-template.js
index a6f2867f5fd80..9385e2acb8aa1 100644
--- a/web_src/js/features/repo-template.js
+++ b/web_src/js/features/repo-template.js
@@ -2,7 +2,7 @@ import {htmlEscape} from 'escape-goat';
 
 const {AppSubUrl} = window.config;
 
-function initRepoTemplateSearch() {
+export function initRepoTemplateSearch() {
   const $repoTemplate = $('#repo_template');
   const checkTemplate = function () {
     const $templateUnits = $('#template_units');
@@ -47,5 +47,3 @@ function initRepoTemplateSearch() {
   $('#uid').on('change', changeOwner);
   changeOwner();
 }
-
-export {initRepoTemplateSearch};
diff --git a/web_src/js/features/repo-wiki.js b/web_src/js/features/repo-wiki.js
index 280f7a680b948..aad3161fdb846 100644
--- a/web_src/js/features/repo-wiki.js
+++ b/web_src/js/features/repo-wiki.js
@@ -3,7 +3,7 @@ import {initCompMarkupContentPreviewTab} from './comp/MarkupContentPreview.js';
 
 const {csrf} = window.config;
 
-function initRepoWikiForm() {
+export function initRepoWikiForm() {
   const $editArea = $('.repository.wiki textarea#edit_area');
   let sideBySideChanges = 0;
   let sideBySideTimeout = null;
@@ -172,5 +172,3 @@ function initRepoWikiForm() {
     }, 0);
   }
 }
-
-export {initRepoWikiForm};
diff --git a/web_src/js/features/sshkey-helper.js b/web_src/js/features/sshkey-helper.js
index 462406bbf8246..bb3c8accf44d8 100644
--- a/web_src/js/features/sshkey-helper.js
+++ b/web_src/js/features/sshkey-helper.js
@@ -1,4 +1,4 @@
-function initSshKeyFormParser() {
+export function initSshKeyFormParser() {
 // Parse SSH Key
   $('#ssh-key-content').on('change paste keyup', function () {
     const arrays = $(this).val().split(' ');
@@ -8,5 +8,3 @@ function initSshKeyFormParser() {
     }
   });
 }
-
-export {initSshKeyFormParser};
diff --git a/web_src/js/features/user-auth-u2f.js b/web_src/js/features/user-auth-u2f.js
index 8997d9370829b..25255213a89c1 100644
--- a/web_src/js/features/user-auth-u2f.js
+++ b/web_src/js/features/user-auth-u2f.js
@@ -1,6 +1,6 @@
 const {AppSubUrl, csrf} = window.config;
 
-function initUserAuthU2fAuth() {
+export function initUserAuthU2fAuth() {
   if ($('#wait-for-key').length === 0) {
     return;
   }
@@ -85,7 +85,7 @@ function u2fError(errorType) {
   $('#u2f-error').modal('show');
 }
 
-function initUserAuthU2fRegister() {
+export function initUserAuthU2fRegister() {
   $('#register-device').modal({allowMultiple: false});
   $('#u2f-error').modal({allowMultiple: false});
   $('#register-security-key').on('click', (e) => {
@@ -123,5 +123,3 @@ function u2fRegisterRequest() {
     }
   });
 }
-
-export {initUserAuthU2fRegister, initUserAuthU2fAuth};
diff --git a/web_src/js/features/user-auth.js b/web_src/js/features/user-auth.js
index bf9548e16aa17..bc294803bfdc6 100644
--- a/web_src/js/features/user-auth.js
+++ b/web_src/js/features/user-auth.js
@@ -1,4 +1,4 @@
-function initUserAuthOauth2() {
+export function initUserAuthOauth2() {
   const $oauth2LoginNav = $('#oauth2-login-navigator');
   if ($oauth2LoginNav.length === 0) return;
 
@@ -18,7 +18,7 @@ function initUserAuthOauth2() {
   });
 }
 
-function initUserAuthLinkAccountView() {
+export function initUserAuthLinkAccountView() {
   const $lnkUserPage = $('.page-content.user.link-account');
   if ($lnkUserPage.length === 0) {
     return false;
@@ -44,5 +44,3 @@ function initUserAuthLinkAccountView() {
     $signInView.addClass('active');
   });
 }
-
-export {initUserAuthOauth2, initUserAuthLinkAccountView};
diff --git a/web_src/js/features/user-settings.js b/web_src/js/features/user-settings.js
index 9164d49dd9038..c2f00dc362d3e 100644
--- a/web_src/js/features/user-settings.js
+++ b/web_src/js/features/user-settings.js
@@ -1,5 +1,4 @@
-function initUserSettings() {
-  // Options
+export function initUserSettings() {
   if ($('.user.settings.profile').length > 0) {
     $('#username').on('keyup', function () {
       const $prompt = $('#name-change-prompt');
@@ -14,5 +13,3 @@ function initUserSettings() {
     });
   }
 }
-
-export {initUserSettings};