Question

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

我可以简单地运行这两个＆＃39; watch＆＃39;命令同时？当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

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

找到了一个名为parallelshell here on github

的合适套餐

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

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

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

2 个答案: