插件窝 干货文章 webpack 公共路径

webpack 公共路径

commons 静态 project HTML 520    来源:    2024-10-22

publicPath 配置选项充当占位符,允许您动态调整静态资源的路径。

为了说明这一点,让我们考虑一下您已将静态资产(例如 commons.js)上传到 CDN 的场景。该文件的实际 URL 可能是:

https://s1.cdn.com/my-project/commons.js

但是,您的 HTML 页面通常是从您自己的域提供的,例如:
https://my-own-domain.com/my-project/index.html

为了确保index.html正确引用CDN托管的静态文件,您可以使用publicPath设置。此配置将替换index.html中commons.js的本地路径:

https://my-own-domain.com/my-project/commons.js
到CDN路径:

https://s1.cdn.com/my-project/commons.js
通过设置 publicPath,您可以确保 HTML 文件中对静态资源的所有引用都指向正确的 CDN URL,从而促进高效的内容交付。