提高 webpack 入口点的代码可读性答案

【问题标题】：Improve code readability on webpack entry point提高 webpack 入口点的代码可读性
【发布时间】：2017-08-22 09:28:08
【问题描述】：

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

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

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

这将导致dashboard-bundled.js

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

【问题讨论】：

【解决方案1】：

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

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

你们能否建议一种更好的方法来分割入口点？

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

【讨论】：

monuments.js 不是第三方代码，它也是我的代码，我只是想将它分开以用于组织目的。所以我认为它不是正确的答案。
看来你还不太明白webpack代码拆分的真正目的
我不是在尝试拆分输出，而是在尝试拆分入口点，以便它可以成为一个捆绑代码。
不不，你不知道什么是代码拆分，阅读这里的定义，webpack.js.org/guides/code-splitting。 Im not trying to split the output, im trying to split the entry point so it can become one bundled code.，这叫捆绑，不是拆分，没有拆分入口点，你把入口打包，拆分捆绑的输出
看我的措辞可能有误，但你能给出这个问题的实际答案吗，因为你现在的答案不相关。如果我询问代码拆分，我会写关于该主题的代码拆分。 这种情况向我们表明，您是对问题的误解，因为您过于关注流行语而不是正确阅读问题。