Angular2：Html 和 css 文件不起作用答案

【问题标题】：Angular2 : Html and css files are not workingAngular2：Html 和 css 文件不起作用
【发布时间】：2017-03-02 11:07:00
【问题描述】：

我正在尝试根据各自的组件将html和css文件分开。这是文件夹结构

在上图中，应用程序作为包含组件的源代码工作，相应的 html 和 css 文件以及相应的 js 文件正在“build”文件夹中生成。要复制 css 和 html 文件，我发现在 pacakge.json 中使用以下脚本：Angular 2 + Typescript compiler copy html and css files:

"html": "find ./app -name '*.html' -type f -exec cp --parents {} ./dist \\;"

并运行以下命令：

npm run html

但它不会将 html 文件复制到“构建”。任何建议

【问题讨论】：

您可能想尝试 Webpack，尤其是作为 NG-CLI 的一部分。之前我们不得不用 SystemJS 处理类似的问题，但是一旦我们花了一个小时切换到 NG-CLI，这些类型的问题和更多的问题现在都可以自动处理了。我们的构建规模也大幅减少。

标签： angular typescript

【解决方案1】：

在参考 here 上，我尝试了以下操作，它可以工作

"html": "XCOPY /S /y .\\src\\app\\*.html .\\src\\build\\app",
"css": "XCOPY /S /y .\\src\\app\\*.css .\\src\\build\\app"

【讨论】：