使用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"
},
这样,就可以了。