Webpack 4 + Vue + JQuery - PullRequest
Новая
       10

Webpack 4 + Vue + JQuery

0 голосов
/ 23 июня 2018

У меня есть проект на jQuery, мне нужно перенести его в Vue.

Я собираю проект, используя webpack 4, и не могу найти рабочий рецепт для интеграции jQuery в представление этоговерсия веб-пакета.

Может быть, кто-то, может показать мне пример, как это можно сделать?

Все рецепты, которые я могу найти в Интернете - не работают в веб-пакете 4. Я 'пробую загрузчики, попробуйте отредактировать config.js - ничего не работает.

Помогите, пожалуйста!

1 Ответ

0 голосов
/ 23 июня 2018

Проверьте мой репозиторий, jQuery интегрирован здесь: https://github.com/syed-haroon/vue-cli3-starter-template

И, пожалуйста, убедитесь, что для установки vue-cli3 установлена ​​последняя версия node 8, выполните npm install и запустите проект npm run serve (теперь это изменилось и npm run dev не будет работать).

И вы можете использовать его следующим образом: 

<template>
  <div>
    <H1 class="lorem">jQuery Works</H1>
  </div>
</template>

<script>
import $ from 'jquery';

export default {
  mounted() {
    $('.lorem').addClass('ipsum');
  }
};
</script>
...