最近在学习vue的相关知识,使用vue-cli+webpack创建的项目执行命令npm run dev的时候,并没有在浏览器自动打开,而在github上下载的vue项目都能够通过命令直接在浏览器运行。对比了一下,发现有个别文件发生了变化,于是就搜索了一下相关问题,找到了github上关于webpack的说明。
github地址:webpack-dev-server
What changed?
1、 /config/dev-server.js and /config/dev-client.js are gone
/config/dev-server.js 和/config/dev-client.js这两个文件移除了
//2、webpack.dev.conf.js now returns a promise.
module.exports = new Promise((resolve, reject) => {
...
}
- 1
- 2
- 3
- 4
That file now also has all the webpack-dev-server configuration, but most of the usually used options can be configured from /config/index.js
找到/config/index.js文件,你会发现很多参数配置都在里面
// 各种设备设置信息
host: 'localhost', //主机名
port: 8080, // 端口号(默认8080)
autoOpenBrowser: false,//是否自动打开浏览器
//想让浏览器自动打开,只需将false改为true即可,为防止端口号冲突,这里也可以随意更改端口号
- 1
- 2
- 3
- 4
- 5