Question

所以基本上我想提高我在webpack上的代码可读性。

我尝试拆分入口点，看起来像这样。

entry : {
    dashboard : ["./scripts/monuments.js", "./scripts/dashboard.js"]
}

它将导致dashboard-bundled.js

问题是，我如何从monuments.js中获取变量以在dashboard.js中使用？我需要出口吗？或者你们可以建议一个更好的方法来分割入口点吗？

Answer 1

我如何从monuments.js中获取变量以在dashboard.js中使用？我需要出口吗？

是的，您必须导出它们才能使用import语句在不同的模块中使用它们。

你们可以建议一个更好的方法来分割切入点吗？

您希望将第三方代码捆绑到一个单独的捆绑包中，因为这些代码不会经常更改，并且您的应用程序代码位于不同的模块中，这样您就可以利用浏览器长期缓存供应商代码我们希望客户每次发出请求时都会下载，因为如果某些内容没有改变，浏览器只会从其缓存中获取（更适合您和用户）