Как правильно подключить Vue и файл с директивами Vue в Webpack с Babel?

Question

[Андрей Соболев]

Ругается, что
Uncaught ReferenceError: Vue is not defined

Vue подключаю как
window.Vue = require('./src/8/vue');

Файлик с директивами кастомными
import './src/6/directives';

Пример самой простой первой директивы

Vue.directive('get', {
    bind: function (el, binding, vnode) {
        let scope = vnode.context;
        axios
            .get(scope.geturl)
            .then((_json) => {
                scope.setItems(_json.data.items);
            });
    }
});

Comments

[Михаил]

это вообще что?
window.Vue = require('./src/8/vue');

[Андрей Соболев]

Михаил,
https://youtu.be/JcKRovPhGo8?t=1869

import Vue from './src/8/vue';
window.Vue = Vue;

Так тоже не работает

[Михаил]

Андрей Соболев, что за бред вы творите

[Андрей Соболев]

Михаил, если это бред, то покажите, как правильно

[Михаил]

Андрей Соболев,
настройте вебпак, или возьмите vue-cli, а дальше

import Vue from 'vue'

// прочее

[Андрей Соболев]

Михаил, а если файл с vue находится в другой папке?

[Михаил]

Андрей Соболев, что за "файл с vue"

[Андрей Соболев]

Михаил, сама библиотека vue.js. Есть вариант установить через npm, есть просто файл скачать с оф сайта Vue. И подключить ее.

[Михаил]

Андрей Соболев, вот и воспользуйтесь вариантом установки через npm

[Андрей Соболев]

Разобрался в чем дело было. Нужно было внутрь файла directives опрокинуть Vue через import

Answer 1

[Андрей Соболев]

Разобрался в чем дело было. Нужно было внутрь файла directives опрокинуть Vue через import