webpack typescript import jQuery

[Giden]

Всем привет. Изучаю webpack и столкнулся с одной проблемой, с которой не могу разобраться уже долгое время. Есть точька входа app.ts. Установлен jQuery через ноду, лежит в папке node_modules.
В app.ts есть такая строка:

import $ = require( 'jquery' );
console.log('H2: ', $("h2"));
$('h2').css('color','red');

Но почему то цвет заголовка не меняется и в консоль выкидывает вот такое:

H2:  [prevObject: jQuery.fn.init[1]]

Почему не работает? И как с этим бороться?

[destus]

Ты забыл в $(function(){}) обернуть...

[Giden]

Ты забыл в $(function(){}) обернуть...

Что тут оборачивать?

import $ = require( 'jquery' );

declare let NODE_ENV: any;

console.log($);
console.log('Document: ', $(document));
console.log('Body: ', $("body").get());
$('h2').css('color','red');
console.log(NODE_ENV);

[Giden]

Как всегда, многие проблемы происходят на ровном месте из за пустяков к которым так привык, что уже не замечаешь.
Скрипт грузился в шапке, а document.ready не было. По этому ничего и не работало. Перенес скрипт в конец body и всё заработало.

[destus]

Что тут оборачивать?

import $ = require( 'jquery' );
$(function(){
    $('h2').css('color','red');
})