我可以同时运行watchify和node-sass手表吗？

Question

我使用带有watchify和带有-w参数的node-sass的npm脚本。

我可以同时运行这两个'watch'命令吗？ 当scss发生变化时，只会编译style.css，而当javascript源发生变化时，只会编译bundle.js吗？

"scripts": {
    "watch-js":"watchify dev/index.js -o dist/bundle.js",
    "watch-css": "node-sass -w my-styles.scss style.css",
    "thewatcher": "npm run watch-js & npm run watch-css"
}

Answer 1

是的，这正是将要发生的事情。 脚本“thewatcher”将独立运行“watch-js”和“watch-css”。 Watchify只会监听对dev / index.js所做的更改，而node-sass只会监听对my-styles.scss所做的更改。 如果您想确切知道何时编写了新的dist / bundle.js文件，请修改“watch-js”脚本以包含-v标志：

"watch-js":"watchify dev/index.js -o dist/bundle.js -v"

Answer 2

接受的答案对我不起作用，取决于你掌握命令的方式，一个阻止另一个。

在github上找到了一个适合这个名为parallelshell软件包

然后添加以下示例npm脚本：

"debug": "parallelshell \"npm run watch:sass\" \"npm run watch:js:debug\" "