Javascript 为什么webpack会向具有webpackChunkName的包添加不同的路由名称

我正在路由器文件（Vue.js+Webpack）中使用

webpackChunkName

注释

我的路由器文件定义了以下路由：

const HomePage = () => 
    import(/* webpackChunkName: "HomePage" */'@/views/home/HomePage.vue');
const PricingPage = () => 
    import(/* webpackChunkName: "PricingPage" */'@/views/pricing/PricingPage.vue');

当我加载主页时，我看到出于某种原因，它也加载了定价页面块，并将其加载为

homepage~PricingPage.js

---

为什么要把它放在主页上？为什么要用不同的名称加载？

带

~

的src如何工作？您确定没有在其他地方包含定价页面吗？@T.Short是的，没有在其他地方导入定价页面（路由器除外），也没有预取引用