【问题标题】:HTML in webpack bundle. Why?webpack 包中的 HTML。为什么?
【发布时间】:2017-02-05 04:33:21
【问题描述】:

美好的一天, 我正在基于starter pack 构建和 angular 2 应用程序。我正在尝试了解我们的构建过程会是什么样子。我在跑步时注意到:

npm run build:prod    
npm run server:prod

该 html 位于捆绑文件中。在大型应用程序中,此捆绑文件可能超过 4-5mb 或更多。这可能是移动访问的问题。这似乎与 angular 2 方法相悖。

对于大型应用程序来说,这是正确的构建吗? HTML 文件不应该按需加载而不是一次性加载吗?

也许我误解了什么。

【问题讨论】:

    标签: angularjs angular build webpack bundle


    【解决方案1】:

    是的,基本上这就是 Webpack 所做的。它捆绑一切。让您的输出文件 ~4MB 很可能会发生。您需要将文件分成。通过这种方式使用通用块插件,您可以将所有第三方库合并到一个块中。

    其次,您可以将文件进一步分成更多块,然后异步加载它们。

    您可以在link 中找到更多相关信息。

    【讨论】:

    • Webpack 文档是垃圾。我知道如何使用插件生成文件,但我不知道如何在 Angular 2 应用程序中实现它。你有例子吗?
    • 不幸的是,我没有任何使用 Angular 2 的示例,我只使用 React 和 Vue.js。但是原理应该是一样的。例如,您可以在您的路线或html 中添加require.ensure,然后每当您导航到特定路线时,它只会加载链接到该页面的资产。有意义吗?
    猜你喜欢
    • 2016-11-12
    • 2020-02-13
    • 2023-03-18
    • 2018-01-20
    • 2019-05-16
    • 1970-01-01
    • 2019-09-29
    • 2021-12-12
    • 2017-07-20
    相关资源
    最近更新 更多