Телеграмм чат группы webpack

Ну и по итогу из

.one
    background-color #000
.two
    background-color yellow
.three
    background-color green
.four
    background-color blue
.five
    background-color white

получил

.a{background-color:#000}.b{background-color:#ff0}.c{background-color:green}.d{background-color:blue}.e{background-color:#fff}

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:00пожаловаться #1

Вот, кстати, пример, bundle.js который получаю из webpack. И функция которую почему-то не видно

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:11пожаловаться #2

22:11пожаловаться #3

Вот, кстати, пример, bundle.js который получаю из webpack. И функция которую почему-то не видно

по-умолчанию webpack генерирует IIFE-код
Поэтому ты не можешь обратиться к функции напрямую

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:13пожаловаться #4

по-умолчанию webpack генерирует IIFE-код
Поэтому ты не можешь обратиться к функции напрямую

А как тогда обращаться, и поступать вообще с ней :(?

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:13пожаловаться #5

по-умолчанию webpack генерирует IIFE-код
Поэтому ты не можешь обратиться к функции напрямую

В HTML у меня она вызывается вот так

22:14пожаловаться #6

В HTML у меня она вызывается вот так

да я понял, что ты хотел. Но, как я сказал выше, webpack генерирует код вида

(function(){
   тут твой код
})()

поэтому ты не можешь обратить из вне. Покопайся в https://webpack.js.org/configuration/output/ там вроде есть возможности сделать код доступным. Мне просто никогда это не нужно было

22:16пожаловаться #7

Ну а если не менять output, то переходить от onClick к навешеванию события внутри js, то есть

element.addEventListener('click', function(event){})

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:17пожаловаться #8

да я понял, что ты хотел. Но, как я сказал выше, webpack генерирует код вида

(function(){
   тут твой код
})()

По факту, навешивание события и самовызывающаяся функция - это единственное решение, верно?

22:18пожаловаться #9

По факту, навешивание события и самовызывающаяся функция - это единственное решение, верно?

Ага

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:19пожаловаться #10

Ага

Беды, беды

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:19пожаловаться #11

Ну, ладно, спасибо

22:19пожаловаться #12

Ну, ладно, спасибо

Я сейчас установил бета-версию вебпака, там есть параметры, чтобы не оборачивать код на выходе)

22:43пожаловаться #13

в output добавить iife: false и все гуд

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:43пожаловаться #14

Я сейчас установил бета-версию вебпака, там есть параметры, чтобы не оборачивать код на выходе)

Опа

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:43пожаловаться #15

А это нормас

Ivan Bobchenkov in Webpack — русскоговорящее сообщество

22:44пожаловаться #16

Спасибо за инфу

22:44пожаловаться #17

Устанавливать ее npm i -D webpack@v5.0.0-beta.22
Релизы тут https://github.com/webpack/webpack/releases

22:44пожаловаться #18

Устанавливать ее npm i -D webpack@v5.0.0-beta.22
Релизы тут https://github.com/webpack/webpack/releases

Но, к сожалению, бета на то и бета, чтобы в ней были баги)
Надеюсь, совсем скоро релизнут

Roman Usherenko in Webpack — русскоговорящее сообщество

22:50пожаловаться #19

Ну, ладно, спасибо

если надо какую-то конкретную функцию снаружи дергать - то тебе нужен expose-loader