使用webpack,如果我想对整个模块进行代码拆分,我可以将文件顶部的
``` import Module from 'module' ```
更改为以下代码:
``` import('module').then(Module => {...}) ```
当我需要使用该模块时(参见文档)。但是,仅使用单个命名导出是否也能实现这一点?也就是说,我如何对以下命名导出进行代码拆分?
``` import {namedExport} from 'module' ```
``` import Module from 'module' ```
更改为以下代码:
``` import('module').then(Module => {...}) ```
当我需要使用该模块时(参见文档)。但是,仅使用单个命名导出是否也能实现这一点?也就是说,我如何对以下命名导出进行代码拆分?
``` import {namedExport} from 'module' ```
dynamic
函数包裹在import
周围是什么意思? - ipswebpackExports
,只会导入特定的模块:https://webpack.js.org/api/module-methods/#magic-comments。另请参见 https://blog.sasivarnan.com/dynamic-import-named-exports-in-javascriptimport(/* webpackExports: ["default", "sum"] */ "./lib/math.js").then((module) => { const { default as Math, sum } = module; });
- Giorgio Tempesta