使用vuecli3 構建的項目，修改項目webpack配置

今年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
  }

}