Laravel / Vue - App.js import 和 require 之间的区别

Question

这两种语法之间有什么显着区别吗？

Vue.component('base-table', () => import('./components/BaseTable.vue'))
Vue.component('base-table', require('./components/BaseTable.vue').default);

一个或另一个会影响应用程序的加载性能吗？

Answer 1

来自 Webpack 文档：

要求

从另一个模块同步检索导出。 编译器将确保依赖项在输出包中可用

进口（）

动态加载模块。 对 import() 的调用被视为分割点，这意味着请求的模块及其子模块被分割成一个单独的块。

简单地 1st 将您的BaseTable.vue组件放入单独的 JS 包（文件）中，浏览器将在第一次呈现组件时请求该包。 适用于不需要立即使用（按路由代码拆分）或仅适用于某些用户（例如管理员）的应用程序组件/部分。 您的基本包大小更小，因此浏览器解析速度更快 - > 更好的初始加载性能...

声明：来自 Vue/Webpack POV 的评论。 我对 Laravel 一无所知，除了它是 PHP 的东西......