我如何正确使用webpack？

我刚刚开始了一个新的Maven项目。对于我的项目，我想使用Fullcalendar.io的FullCalender。为了使用它，我安装了Node.js并配置了webpack，以便可以在我的JavaScript文件中导入Fullcalendar。

但是这是我的问题。每当我在入口点文件中编写新代码并想要对其进行测试时，我都必须先运行“ npm run build”，然后运行maven clean和maven install才能进行更改。这显然使测试非常耗时。我认为我使用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)
}

为了解决不需要执行npm run build的部分，您可能需要查看“ package.json”文件，如果您键入npm run build，您将在命令行中看到该命令执行的命令。 ..我很确定webpack调用了“监视模式”，只要文件更改，它就会创建一个新的可分发文件...虽然我不确定maven clean install ...或者，您可以在package.json中添加更多代码这样它也可以运行maven clean install ...但是，再次，我不确定maven