gpt4 book ai didi

webpack - 动态 System.import 与 webpack?

转载 作者:行者123 更新时间:2023-12-04 16:38:56 25 4
gpt4 key购买 nike

我正在尝试移植一些我编写的使用 systemjs 的 ES6 代码+通天塔。

移植大部分代码我没有任何问题。

但是,我有一些代码需要动态加载 ES6 模块,如下所示:

function load(src) {
System.import(src).then(function() {});
}

src 是一个外部 ES6 模块,它也可能具有依赖项(静态导入)。

我如何将此代码移植到 Webpack ?如果我尝试使用 require 语句,我会收到一个警告,根据 Webpack 文档,这似乎是正常的。

最佳答案

之前的答案是正确的,但现在在 webpack 2.2 + babel 中(在撰写本文时,v2.2.0-rc.3 是最新版本)我们可以做到这一点。我没有测试过自己,但也只是做了引导我到这里的研究。

从 webpack 文档中阅读:Code Splitting with es2015

该部分正下方是Dynamic Expressions用这个例子:

function route(path, query) {
return import("./routes/" + path + "/route")
.then(route => new route.Route(query));
}
// This creates a separate chunk for each possible route


请务必注意您需要安装 Syntax Dynamic Import plugin ,正如文档所述。

关于webpack - 动态 System.import 与 webpack?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36103641/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com