подключение axios к vue при использовании gulp
с vue недавно начал заниматься и ранее все что к проекту подключал сразу работало, например слайдер. но не могу подключить axios к проекту на vue2. если делать как в оф документации написано, то пишет в консоли require is not defined поскольку я его не располагаю в каталоге с конечным файлом скрипта. надеюсь тут я полностью описал все что касается вопроса. если надо добавлю пропущенное.
содержимое gulpfile.babel.js (часть не относящаяся к js опущена)
const gulp = require('gulp');
const concat = require('gulp-concat');
const terser = require('gulp-terser');
let jsPaths = ['js/vue.js', 'js/vue-router.js', 'js/axios.js', 'js/vueapp.js',];
gulp.task('js', () => {return gulp.src(jsPaths).pipe(concat('file.js',
{newLine: ';'})).pipe(terser()) .pipe(gulp.dest('../dist'));});
файл самого проекта js\vueapp.js вот такие попробованы варианты по одному
const axios = require('axios').default;
import axios from 'axios';
const axios = new axios()
const axios = axios
далее в коде js\vueapp.js вот такео содержимое (начальная часть)
const router = new VueRouter({
mode: 'history',
routes
})
var vue = new Vue({
router,
el: '#vueapp_list',
template: '#listTemplatevue',
data: {
currentView: "mainPage",
}
)}
при этом так vue-router работает. так же я установил axios при помощи npm
npm install --save axios
но во всех вариантах axios is undefined или при использовании import import declarations may only appear at top level of a module. но выше уже нет уровня.
перед тем как писать вопрос прочитал на оф сайте варианты и как правильно подключить axios в vue, но показанное там не помогло.
причем если сделать console.log('window ', window); то axios присутствует. но console.log('window ', window.axios); уже undefined.
подключать вот так не хочется, чтобы все сразу было в одном месте. при этом так все работает.
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
готово пробовать разные варианты, возможно не стандартные. даже если не факт, что поможет, прошу в комментариях дать варианты.