59.Vue脚手架的自定义配置

• 59.Vue脚手架的自定义配置
  • 1.通过package.json配置项目
  • 2.通过单独的配置文件配置项目

1.通过package.json配置项目

// 必须是符合规范的json语法 [不推荐使用]
    "vue":{
        "devServer":{
            "port":"8888",
            "open":true  
        }
    }

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

2.通过单独的配置文件配置项目

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

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

// 创建vue.config.js
    module.exports = {
        devServer:{
            port:8888,
            open:true
        }
    }