將html和css文件複製到dist，同時保持文件夾結構

Question

我正在嘗試發佈具有以下結構的我的angular2應用程序。

search-app 
    config 
    node_modules 
    src 
    api 
     --index.ts 
     --ping.ts 
     --search.ts 
    model 
     --index.ts 
     --model.ts 
    web 
     app 
     ping 
      --index.ts 
      --ping.css 
      --ping.html 
      --ping.ts 
     search 
      --index.ts 
      --search.css 
      --search.html 
      --search.ts 
     --app.css 
     --app.html 
     --app.module.ts 
     --app.ts 
     --index.html 
     --index.ts 
package.json 
tsconfig.json 

現在，我的 「故宮運行DIST」 命令

"dist": "npm run rimraf -- dist && tsc src/index.ts src/web/index.ts src/model/index.ts -m commonjs --outDir dist --sourcemap --target es6 -d --pretty --noImplicitAny --experimentalDecorators --skipLibCheck" 

運行NPM運行DIST將產生如下dist目錄。

search-app 
    dist 
    api 
     --*.d.ts 
     --*.js 
    model 
     --*.d.ts 
     --*.js 
    web 
     app 
     ping 
      --*.d.ts 
      --*.js 
     search 
      --*.d.ts 
      --*.js 
     --*.d.ts 
     --*.js 
     --index.d.ts 
     --index.js 

如何同時保持子目錄的結構複製HTML和CSS文件從SRC /網絡及其子目錄到dist/WEB有什麼建議？

我基本上尋找一個命令，我可以追加到我的dist命令來複制html和css文件。我使用OSX，但理想的命令將適用於OSX和Windows。

Answer 1

爲了實現這個跨平臺首先安裝copyfiles包：通過鏈接&& npm run copy到

... 
"scripts": { 
    ... 
    "copy": "copyfiles -u 2 \"./src/web/**/*.{css,html}\" \"./dist/web/\"" 
}, 
... 

調用copy腳本：

$ npm i -D copyfiles

然後在package.json添加以下copy腳本您現有的dist腳本的末尾，如以下示例所示：

... 
"scripts": { 
    "dist": "npm run rimraf -- dist && tsc src/index.ts src/web/index.ts src/model/index.ts -m commonjs --outDir dist --sourcemap --target es6 -d --pretty --noImplicitAny --experimentalDecorators --skipLibCheck && npm run copy", 
    "copy": "copyfiles -u 2 \"./src/web/**/*.{css,html}\" \"./dist/web/\"" 
}, 
...