Angular2:HTML和CSS文件不工作

问题描述:

我想的HTML和CSS文件各自components.Here的基础上是分开的文件夹结构Angular2:HTML和CSS文件不工作

enter image description here

在上图中,应用程序正在作为包含组件和相应的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文件'建立'。任何建议

+0

你可能想尝试的WebPack,尤其是[NG-CLI(的一部分https://cli.angular.io/ )。我们之前必须使用SystemJS来处理类似的问题,但是一旦我们花了一个小时切换到NG-CLI,就会自动处理这些问题和更多问题。我们的建筑规模也大幅下降。 – Daedalon

在参考here,我尝试以下和它的作品

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