系列七、vue脚手架的自定义配置

一、通过package.json配置项目

// 必须符合标准的json语法

"vue": {
    "devServer": {
        "port": 9000,
        "open": true
    
    }    
},

注意事项：不推荐使用这种方式。因为package.json主要用来管理包的配置信息；为了维护方便，推荐将vue脚手架相关的配置，单独定义到vue.config.js配置文件中。

二、通过单独的配置文件配置项目 

①、在项目的根目录创建文件 vue.config.js

②、在该文件中进行相关配置，从而覆盖默认配置

module.exports = defineConfig({
  devServer: {
    // 自动打开浏览器
    open: true,
    port: 9000
  }
})