Как правильно использовать веб-пакет? - PullRequest
1 голос
/ 07 мая 2020

Я только что начал новый проект Maven. Для своего проекта я хочу использовать FullCalender от Fullcalendar.io. Чтобы использовать это, я установил Node.js и настроил веб-пакет, чтобы я мог импортировать Fullcalendar в свой javascript файл.

Но вот моя проблема. Каждый раз, когда я пишу новый код в свой файл точки входа и хочу его протестировать, мне нужно запустить 'npm run build', а затем maven clean и maven install, чтобы внести изменения в go через. это делает тестирование действительно трудоемким. Я думаю, что я неправильно использую webpack, но я действительно не знаю что. мне не следует писать код в моей точке входа?

файл точки входа

import { Calendar } from '@fullcalendar/core';
import interactionPlugin from '@fullcalendar/interaction';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';
import '@fullcalendar/timegrid/main.css';
import '@fullcalendar/list/main.css';

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new Calendar(calendarEl, {
        plugins: [ interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin ],
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
        }
    });
    fillCalendar(calendar);
    calendar.render();
});

function fillCalendar(calendar){
    fetch('http://localhost:8080/taken', {method : 'GET'}).then (function(response){
        return (response.text())
    })
        .then(function(data){
            var taken = JSON.parse(data);

            for(const taak of taken)
            {
                console.log(taak);
                addTaak(calendar, taak);
            }
        })
}

function addTaak(calendar, taak) {
    console.log(taak.naam);
    var taakObj = [
        {
            title: taak.naam,
            start: taak.datum,
            allDay: false
        }
    ];
    calendar.addEvent(taakObj)
}

1 Ответ

1 голос
/ 07 мая 2020

Чтобы решить ту часть, в которой не требуется выполнять сборку npm run, вы можете посмотреть файл «package. json», и вы увидите там команду, которую он выполняет в командной строке, если вы введете npm run build .... Я почти уверен, что webpack вызвал "режим просмотра", который будет создавать новый распространяемый файл всякий раз, когда файл изменяется ... Я не уверен в чистой установке maven ... В качестве альтернативы вы можете добавить больше кода в пакете. json, чтобы он также запускал чистую установку maven ... но опять же, я не уверен насчет maven

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...