java - 在构建单页应用程序(大规模)时,我应该使用 webpack 还是只使用 html 导入

标签 java typescript webpack web-component

我一直在读这篇文章tutorial关于 html 导入。然而,之后我变得更加困惑。我有 Angular 1 和 2 背景,最近接触过一些 React。我已经经历了 javascript 发展的所有阶段。在 header 中使用脚本而不是 require.js 而不是 system.js,现在我使用 webpack 做得很好。

阅读这些导入内容会变得有点模糊。我不清楚何时使用或不使用它们。如果使用 webpack ,我是否还需要 html 导入(可能用于第 3 方的东西)?当然,我喜欢 typescript 并且我绝对不想像早期那样使用命令行自己构建 js 工件。我觉得 webpack 是必备的。

我知道这个问题可以被视为模糊和封闭,但我真的被困住了。目前有关 Web 组件的资源很少,我无法找到清晰且自信的答案。

P.S 我想使用 Vanilla 成分,而不是聚合物 Material 。

最佳答案

一些主要浏览器(例如 Firefox)永远不打算提供 HTML 导入。 引用自https://hacks.mozilla.org/2014/12/mozilla-and-web-components/

Mozilla will not ship an implementation of HTML Imports. We expect that once JavaScript modules — a feature derived from JavaScript libraries written by the developer community — is shipped, the way we look at this problem will have changed.

尽管如此,了解该标准仍然是件好事,因为它具有 HTML 解析的独特功能,而 JS 模块中的任何 HTML 表示都无法实现该功能(JS 模块正在率先替代 HTML 导入)

但就目前而言,HTML 导入似乎没有任何进展,直到 HTML Modules 出现一些内容。提案,计划使用 ES 模块重建 HTML 导入功能

关于java - 在构建单页应用程序(大规模)时,我应该使用 webpack 还是只使用 html 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46478018/

相关文章:

Webpack 挂载 Vue 组件失败

java - 如何生成可调用包装器(自动)Xamarin Mono

java - 我读取了文本文件,现在如何将值存储到二维数组中?

javascript - 与三点语法等效的最干净、有效的 TypeScript 是什么?

angular - 在 Angular 2 Reactive Forms 上执行跨域验证

heroku - 使用 @sentry/webpack-plugin 和 heroku 的 Sentry

Java MVC : How to set changed the main model class properly when another class changed

java - Maven安装时编译错误

javascript - Typescript - 将命名空间导入另一个命名空间

webpack - 如何修复带有 "ModuleConcatenation bailout: Module is not an ECMAScript module"救援消息的模块?