javascript - 提高 webpack 入口点代码的可读性

Question

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

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

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

这将产生dashboard-bundled.js

问题是，我如何从纪念碑.js 获取变量以在仪表板.js 中使用？我需要导出它吗？或者你们能建议一种更好的方法来分割入口点吗？

Answer 1

how i can get the variable from the monuments.js to use in dashboard.js? Do i need to export it?

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

can you guys perhaps suggest a better way to split the entry point?

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