vue 中的单文件组件中引入组件的这两种写法对打包有什么区别吗？

• Z时代
• 2024-02-19
• 分类：IT

const customGrids = () => import('components/custom-grids/index')
import customGrids from 'components/custom-grids/index'

上面这两种写法

回答：

第一种是打包成单独1个js文件。当点击打开该页面A的时候，才会加载这个js文件。如果打开的不是页面A，则不会加载。

比如打开首页，加载的js如下所示：

此时再点击页面A，则会加载页面A的js，如下所示：

第二种则是把所有业务js都打包成一个js文件。
这里就不举例了。

回答：

import() 是动态导入，导入的代码不会打包到大包里面，而是独立打包成文件，在运行的时候再导入。

以上是 vue 中的单文件组件中引入组件的这两种写法对打包有什么区别吗？ 的全部内容， 来源链接： utcz.com/p/937550.html