想做个简单博客拿来练手,但发现在homestead中使用npm watch无法动态更新生成的文件,每次都得重新运行npm run watch才可以编译出最新更改后的文件。
以前在Linux下使用npm run watch没有这问题,所以推断是homestead的问题。
查看package.json,发现他不仅提供了watch,还提供了watch-poll。
从名字上看,poll就是通过轮询的方式查看文件是否更改,而watch应该是通过事件驱动的。
因为代码实际是在Windows NTFS上,推测无法实现向homestead提供文件更改事件。
百度了一下,果然如此。
使用npm run watch-poll,问题解决。
但这又出现了新的问题,发现CPU占用实在太高,50%多的CPU占用率,百度一番,在这位大佬的博客中发现了解决方法。
贴出我的package.json吧。
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": " NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll=500",
"hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.18",
"bootstrap": "^4.1.1",
"jquery": "^3.2",
"laravel-mix": "^2.0",
"lodash": "^4.17.4",
"popper.js": "^1.12",
"vue": "^2.5.7"
}
}
将参数设置为2000,1000,效果都不太好,感觉有点迟钝,500ms感觉还行……
后记
最后还是在Windows下装了npm在windows下watch…
homestead就当做调试用的服务器吧……