【问题标题】:Can I run watchify and node-sass watch at the same time?我可以同时运行 watchify 和 node-sass watch 吗?
【发布时间】:2016-05-01 03:18:20
【问题描述】:

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

我可以简单地同时运行这两个“监视”命令吗?当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"
}

【问题讨论】:

    标签: javascript css npm


    【解决方案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"
    

    【讨论】:

    • 谢谢!我确实需要打开两个单独的终端,对吗? (每个进程一个)
    【解决方案2】:

    接受的答案对我不起作用,具体取决于您使用命令的方式,一个会阻止另一个。

    为此找到了一个不错的包,名为 parallelshell here on github

    然后添加如下示例npm脚本:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-03
      • 1970-01-01
      • 2011-06-06
      • 2021-04-11
      • 1970-01-01
      • 2015-08-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多