webpack-dev-server不能用ipv4访问,只能用localhost访问
今天用webpack-dev-servser启动一个项目时遇到一个问题,
想用手机连同一局域网测试,但发现不能用iPv4+端口号访问。
原因:如果host
指明了,只能使用配置绑定的host
才能访问
如果需要使localhost
和127.0.0.1
以及iPv4均可以访问,你可以使用host
配置为0.0.0.0
有可能npm start服务写在package.json中
"scripts": { "lint": "eslint 'app/**/*.@(js|jsx)'", "lint:msg": "validate-commit-msg", "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "start": "webpack-dev-server --devtool eval --progress --hot --host 0.0.0.0 --content-base app", "deploy": "NODE_ENV=production webpack -p --config webpack.production.config.js", "deploy-windows": "SET NODE_ENV=production & webpack -p --config webpack.production.config.js", "validate": "npm ls", "commit": "git cz", "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1" },
如图,在start后面加 --host 0.0.0.0即可
而且webpack搭建本地服务器,监听文件改变,实时更新;但是不会输出结果文件到磁盘,适于生产环境下调试;
webpack-dev-server调用的脚本文件不是output的文件,而是保存在内存中的文件……