// alert.js
console.log('hi im module)
export function showAlert(text) {
alert(text)
}button.onclick(() => {
import(/* webpackChunkName: "chunkname" */'./modules/alert.js').then(module => {
module.showAlert('alert')
})
})<head> добавится <script src="/path/to/chunkname.js">>/script<
<script src="/bundle.js"></script> и не париться.И какая поддержка у динамических модулей? Как вебпак впринципе обращается к серверу чтобы что-то загрузить?из документации к вебпаку:
import() calls use promises internally. If you use import() with older browsers, remember to shim Promise using a polyfill such as es6-promise or promise-polyfill.
Не слишком ли они длинныет.е. вас смущает только длина? то что у этих классов неправильный бэм-синтаксис вас не смущает?
message__header
message__author-name
message__publish-time
message__body
message__footer.add() вторым аргументом передается функция. когда внутри этой функции вы пишите this то вы обращаетесь к контексту того объекта, в котором эта функция в последующем будет вызвана, а вам нужно обратиться к контекссту экземпляра vue. для этого нужно сделать так, как я написал выше, сохранить нужный вам контекст в переменную. либо можно использовать стрелочные функции, они не создают контекста pointOnMap.events.add('dragend', e => {
this.currentCoords
})