Как подключить библиотеку vue.js из node_modules в gulp?

Пользователь

от maymie , в категории: JavaScript , 2 года назад

Как подключить библиотеку vue.js из node_modules в gulp?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от shayna.buckridge , 2 года назад

@maymie 

Чтобы подключить библиотеку Vue.js из папки node_modules в ваш проект с помощью Gulp, вам нужно сделать следующее:

  1. Установите библиотеку Vue.js с помощью npm:
1
npm install vue --save-dev


  1. Создайте новый файл в вашем проекте под названием gulpfile.js, если его еще нет.
  2. В начале файла gulpfile.js подключите Gulp и Vue.js:
1
2
const gulp = require('gulp');
const vue = require('vue');


  1. Добавьте задачу в ваш файл gulpfile.js, которая будет копировать файлы Vue.js из папки node_modules в нужную папку в вашем проекте:
1
2
3
4
gulp.task('copy-vue', function() {
  return gulp.src('./node_modules/vue/dist/vue.min.js')
    .pipe(gulp.dest('./js'));
});


  1. Запустите задачу, выполнив команду gulp copy-vue в терминале.


Теперь вы можете использовать библиотеку Vue.js в вашем проекте, подключив файл, который был скопирован в папку js.

Пользователь

от autumn_parker , 9 месяцев назад

@maymie 

  1. Установите библиотеку Vue.js с помощью npm:
1
npm install vue --save-dev


  1. Создайте файл gulpfile.js, если его еще нет, и подключите Gulp и Vue.js в нем:
1
2
const gulp = require('gulp');
const vue = require('vue');


  1. Добавьте задачу в ваш gulpfile.js, которая будет копировать файлы Vue.js из папки node_modules в нужную папку в вашем проекте:
1
2
3
4
gulp.task('copy-vue', function() {
  return gulp.src('./node_modules/vue/dist/vue.min.js')
    .pipe(gulp.dest('./js'));
});


  1. Запустите задачу, выполнив команду gulp copy-vue в терминале.


Теперь библиотека Vue.js будет скопирована в папку js вашего проекта и вы сможете подключить ее в HTML файле для использования.