使用onchange依赖监控文件修改失效

今天,在做项目的时候,用到了onchange依赖,用来监控被webpack打包的文件,它可以做到一旦要打包的文件里的内容发生变化,就可以自动执行自己添加的命令。

package.json

  "scripts": {
    "start": "node ./bin/www",
    "webpack": "webpack --config=src/webpack.config.js",
    "watch": "onchange 'src/**/*.js' 'src/**/*.scss' -- npm run webpack" //监控src下的js和scss文件,一旦里面内容发生变化并保存,就自动执行 npm run webpack 进行打包
  },

1.在终端执行 npm run watch
2.修改src下的js文件内容,发现打包没自动执行
后来又好好看了一遍文档,发现写着

NOTE: Windows users may need to use double quotes rather than single quotes. If used in an npm script, remember to escape the double quotes.

才知道windows系统中对要监控的文件要用双引号包起来。而不是单引号,之后的package.json如下

  "scripts": {
    "start": "node ./bin/www",
    "webpack": "webpack --config=src/webpack.config.js",
    "watch": "onchange \"src/**/*.js\" \"src/**/*.scss\" -- npm run webpack"
  },

这样,就可以了。

posted @ 2021-02-01 16:17  时光傀儡师  阅读(107)  评论(0编辑  收藏  举报