今年vuecli已经升级到了vuecli3+,和以往vuecli构建的项目不同,在新版本的vuecli构建的项目中,默认是无配置文件的。如果我们想修改server的端口号,打包输出文件的资源,我们该怎么处理呢?
按照官方文档,https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE 我们在与package.json同级的文件夹下,新建一个vue.config.js文件即可。当我们运行项目时,如果存在vue.config.js文件@vue/cli-service
会去自动加载该文件中的配置项。
示例:项目中修改端口号与server自动打开浏览器的配置
/**
* 项目配置文件
*/
module.exports = {
devServer: {
"port": 3000,
"open": true
}
}