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

1 个答案: