Javascript 网页包动态导入-如何加载多个资源

使用

require.sure

机制，可以加载多个资源并将它们放在同一块中，如下所示：

let promise;

export function loadLib() {
    if (!promise) {
        promise = new Promise(resolve => {
            require.ensure(
                [],
                require => {
                    require('some-lib/dist/some-lib.css');
                    require('./some-other-stuff');
                    resolve(require('some-lib'));
                },
                'lib.some-filename'
            );
        });
    }
    return promise;
}

最近，我尽可能使用动态导入机制，例如

System.import(/* webpackChunkName: 'component.MyComponent' */ './MyComponent')` 

通常与react loadable或react 16 lazy等组合使用

那么：如何使用动态

import

语句将多个资源加载到单个块中？ 或者：在使用动态导入时，将多个资源捆绑到同一块中的最佳策略是什么

---

重点是将文件捆绑在一起，而不是自定义文件名（我知道在某些情况下，如c-r-a，不建议使用

System.import（）

，建议只使用

import（）

，这可能不支持webpackChunkName语法。）

找到解决方案了吗？我相信我使用了代理模块，例如，静态导入所需的一组其他模块的模块，然后动态导入该模块。