Как заставить VUE грузить динамические компоненты из CDN?

Question

[kalnin_yuri]

кто в курсе, можно ли заставить vue загружать динамические компоненты через cdn на продакшне?

вот так загружается сам файл скрипта vue


вот так грузится динимический компонент


напрямую с сервера.

сам компонент

Vue.component('page-projects', (resolve) => {

        return require.ensure([], (require) => {

            return resolve(require('./components/pages/projects/index.vue'));

        }, "components/pages/projects/index");
    });

Answer 1

[Aetae]

Vue использует webpack, а webpack использует для запросов конкретные пути, которые ты указываешь при билде.

Решение в лоб: особый билд для cdn, где параметр publicPatch указывает на соответствующий сайт.
Решение хитрое: webpack позволяет менять публичный путь динамически, присваивая его переменной __webpack_public_path__. Остаётся только при старте приложения получить путь к скрипту, например из document.currentScript, выделить из него нужный путь и присвоить его.

Comments

[kalnin_yuri]

Спасибо затестирую

[kalnin_yuri]

Спасибо помогло