0
点赞
收藏
分享

微信扫一扫

【webpack】__webpack_public_path__作用

GG_lyf 2021-09-28 阅读 67

__webpack_public_path__ 是如何运行的

首先对于动态文件dynamic importwebpack 是如何解析的。

// 动态文件
const testFile = () => import('./test.js')
// 解析伪代码:
const testFile = __webpack_require__.e('./test.js')

var __webpack_require__.e = function (url) {
  return new Promise((resolve, reject) => {
    var script = document.createElement('script')
    script.src = __webpack_require__.p + url
    script.onload = resolve()
    script.error = reject()
  })
}

更详细的代码:

这里有一个很重要的参数__webpack_require__.p__webpack__require__.p = 配置文件的publicPath

如果你需要指定__webpack__public_path__,需要在文件的最开头引入。

当你显示的指定了__webpack_public_path__的值,那么它将会在运行时覆盖__webpack__require__.p的值,也就是说配置项的publicPath会失真。

这样,我们请求的路径就会变成这样:

注意:这只针对动态组件的publicPathentry文件还是遵循publicPath的配置。

举报

相关推荐

0 条评论