我如何正确使用webpack?

编程入门 行业动态 更新时间:2024-10-25 13:18:49

我<a href=https://www.elefans.com/category/jswz/34/1771363.html style=如何正确使用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?

本文发布于:2024-05-07 07:10:24,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1755041.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:如何正确   webpack

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!