运行使用 tsc -w 更改文件后进行 browserify

Question

我是 npm 构建工具的新手。我想在 typescript 文件和运行 lite-server 同时发生变化时立即捆绑编译的 typescript 文件。为此，我编写了以下 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\"",

但是这似乎不起作用，它只是编译文件并刷新浏览器，不要再次捆绑文件。

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 选项是必需的。

运行 使用 tsc -w 更改文件后进行 browserify

Run browserify upon file change with tsc -w

npm

browserify

tsc

lite-server

运行使用 tsc -w 更改文件后进行 browserify