为什么webpack使用jsonp来获取块脚本

2024年1月10日 680次阅读

我认为没有CORS问题.

为什么webpack使用jsonp来获取块脚本？

这是生成webpackBootstrap.

/******/    // install a JSONP callback for chunk loading
/******/    var parentJsonpFunction = window["webpackJsonp"];
/******/    window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/        // add "moreModules" to the modules object,
/******/        // then flag all "chunkIds" as loaded and fire callback
/******/        var moduleId, chunkId, i = 0, callbacks = [];
/******/        for(;i < chunkIds.length; i++) {
/******/            chunkId = chunkIds[i];
/******/            if(installedChunks[chunkId])
/******/                callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/            installedChunks[chunkId] = 0;
/******/        }
/******/        for(moduleId in moreModules) {
/******/            modules[moduleId] = moreModules[moduleId];
/******/        }
/******/        if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);
/******/        while(callbacks.length)
/******/            callbacks.shift().call(null, __webpack_require__);

/******/    };

最佳答案 我的想法是,

无论webpack使用JSON还是JSONP,它都必须将加载的块文件附加到文档中.

因此,webpack团队可能不会首先获取脚本文件(JSON),然后附加文档,首先附加脚本标记(JSONP),然后让脚本标记加载文件.

关于JSON和JSONP的很好的解释here

点赞