javascript如何正确使用网页包？

Question

我刚刚开始了一个新的Maven项目。对于我的项目，我想使用Fullcalendar中的Fullcalendar。木卫一。为了使用我安装的节点。js和联合配置的网页包，以便我可以导入我的javascript文件中的完整日历

但这是我的问题。每次我在我的入口点文件中编写新代码并想对其进行测试时，我都必须先运行“npm run build”，然后运行maven clean和maven install，以使更改顺利进行。 这使得测试显然非常耗时。我想我用错网页了，但我真的不知道是什么。我不应该在我的入口点写代码吗

入口点文件

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)
}

Answer 1

要解决不需要执行npm运行构建的部分，您可能需要查看“package.json”文件，如果您键入npm运行构建，您将看到它执行到命令行的命令。。。。我很确定webpack已经调用了一个“监视模式”，它将在文件更改时创建一个新的可分发文件。。。但我不确定maven clean安装是否正确。。。或者，您可以在包中添加更多代码。json，这样它也可以运行maven clean安装。。。但话说回来，我对maven不太确定