如何正确使用webpack?"/>
我如何正确使用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
更多推荐
我如何正确使用webpack?
发布评论