Можно ли обойтись без NodeJS и npm?

Question

[beduin01]

Столкнулся с тем, что для работы вот этого модуля https://github.com/vuejs/vue-resource
потребовался `require`, который как оказалось идет в составе Webpack/Browserify и который нужно ставить через npm.
Учитывая то, что JS знаю очень плохо, мне хотелось бы какой-то вариант попроще. Можно ли без всего этого обойтись?

Меня устроит любой вариант, который бы работал хоть как-то. Желательно как можно проще.

И еще вопрос. Если у меня такой код:

var App = new Vue ({
   el: '#app',
  // template: '<usermenu></usermenu>',
  data:
    {
      currentView: 'foo'
    }
  })

То мне:

var Vue = require('vue');

Vue.use(require('vue-resource'));

так и оставить или как-то модицицировать надо? Просто var Vue очевидно надо связать с var App

Answer 1

[Юрий Гринёв]

Просто подключаешь так вот после подключения Vue.js:

<script src="//cdnjs.cloudflare.com/ajax/libs/vue-resource/0.6.0/vue-resource.js"></script>

И используешь

Comments

[beduin01]

А можешь пояснить почему именно так? Можно ли локально этот файл загрузить? Если нет, то почему?

[Юрий Гринёв]

beduin01: можно. Скачай его и подключай. Почему именно так - человек снизу ответил.

[beduin01]

Юрий Гринёв: почему тогда в докуметации написано что нужно делать с:
var Vue = require('vue');
Vue.use(require('vue-resource'));

[Захар Орлов]

beduin01: Это подключение модуля в стиле CommonJS, который в браузере возможен только с помощью Webpack/Browserify. В документации написано так, потому что в основном сейчас js собирают сборщиками и подключают npm-модули require-ом. Для простого подключения модуля без сборщика, используйте обычный script src=''. В репозитории есть dist/vue-resource.min.js.

[beduin01]

Захар Орлов: тоесть просто достаточно подключить скрипт и уже из: new Vue({ я смогу http запросы слать как в примерах?

Или надо как-то указать, что App должно использовать модуль vue-resource ?

[copal]

beduin01: на youtube есть русские уроки по webpack. Все что вам нужно это потратить два часа чтобы их все разом посмотреть.

[Захар Орлов]

beduin01: Не уверен, но может, Vue.use(VueResource); var App = new Vue()

Answer 2

[Alexander Litvinenko]

require это не пакет, это базовая конструкция ноды... а вобще из описания несовсем понятно что требуется

Comments

[beduin01]

Чтобы модуль `vue-resource` можно было подключить и он заработал. Модуль реализует фичи которых нет в ядре

Answer 3

[index0h]

Можно ли без всего этого обойтись?

Конечно можно. Только вам в ручную придется выполнять работу пакетного менеджера. Это путь в никуда.

Comments

[beduin01]

Так мне зависимостей то вроде бы много не надо. Не могли бы глянуть по ссылке?

[index0h]

> Так мне зависимостей то вроде бы много не надо.
Ну значит ваши страдания не будут длительными.

> Не могли бы глянуть по ссылке?
та я то глянул, обратите внимание на каталог dist.

Answer 4

[pomeo]

Browserify простая штука, уже бы всё сделали сами
npm install -g browserify
npm install vue vue-resource
source.js

var Vue = require('vue');
Vue.use(require('vue-resource'));

var App = new Vue ({
  el: '#app',
  // template: '<usermenu></usermenu>',
  data: { currentView: 'foo' }
})

browserify source.js -o app.js
Вот он ваш готовый app.js