Как связать не грязный файл javascript в файл с помощью webpack

Я хочу связать файл, который не является модульным js, он использует jquery, зарегистрирует метод в $ .fn, поэтому этот js должен находиться за jquery после сборки.

этот файл js вроде

(function($){
     $.fn.splitPane = ...
}(JQuery)

полный код split-pane.js

Весь относительный файл думаю пригодится для решения этой проблемы. https://gist.github.com/iamwwc/4e048d8669c332cecee2233f850c69d4

мой путь к проекту:

/root
    /dist/public/assets/js/main.js  #it's bundled result file.
    /src/main.ts
    /vendor/split-pane.js
package.json
tsconfig.json
webpack.config.js

Я думаю, что в результате main.js, идеальный порядок - jquery => split-pane => main.ts. Я использую raw-loader для загрузки разделенной панели после jquery, но не работаю.

пожалуйста, помогите мне .. Я использовал Google, stackoverflow, webpack docs и множество методов для решения этой проблемы, но все они не работают. Я устал.

наконец, простите мой плохой английский.