angular - html 捆绑如何与 $.component.html 文件一起工作到 Angular 2 巨大的应用程序中？

Question

我是 angular 2 和 webpack 的新手，并且对它有基本的概念知识。我正在一个有 100 个 html 文件的项目中工作。我无法理解 webpack 如何捆绑 html 文件？我有 html 文件及其各自的组件。所以以下是我脑海中浮现的问题：-

1. 是 webpack 将 html 文件与 js 文件捆绑在一起吗？如果是这样的话怎么做？
2. 如果它只是将所有静态文件沿着它们各自的路径和文件夹复制到输出文件夹中？，如果这样做怎么办？

Answer 1

对于这两个问题的答案是::

Webpack 将 html 文件内容打包成 js 文件本身......

让我们说：

@Component({
    selector : 'bug-edit',
    templateUrl : require('./bug-edit')
})

因此，当 webpack 将其转换为 es2015 时，它将变为

template: "<b>All content in html file</b>"

所以简而言之，webpack 将 js 和 html 捆绑在一个文件中...关联到 url...