使用tsc運行文件更改時的browserify -w

Question

我是npm構建工具的新手。我想在打字稿文件發生變化並且同時運行lite-server時打包編譯後的打字稿文件。爲了實現這個目標我已經寫了下面的NPM構建腳本 -

"build": "tsc", 
"bundle": "browserify -s main app/goc-common/common.module.js > dist/bundle.js", 
"build_dev": "npm run build && npm run bundle && concurrently \"tsc -w && npm run bundle\" \"lite-server\"", 

然而，這似乎並不工作，它只是編譯文件，並刷新瀏覽器，再DONOT捆綁的文件。

Answer 1

您應該使用watchify繼續觀看tsc的輸出文件更改：

"build": "tsc", 
"bundle": "watchify -s main app/goc-common/common.module.js -o dist/bundle.js", 
"build_dev": "npm run build && npm run bundle && concurrently \"tsc -w && npm run bundle\" \"lite-server\"" 

正如你已經注意到，browserify不看;它只運行一次，然後完成。 watchify的用法與browserify的用法相同，區別在於-o選項是強制性的。