html捆绑如何与$ .component.html文件一起使用到角度2巨大的应用程序？

Question

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

1. webpack捆绑带有js文件的html文件吗？如果是这样的话怎么办？
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相关...