今天就跟大家聊聊有關怎么進行vue cli3配置開發以及測試環境，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
cli3創建vue項目是精簡版的少了build和config這2個文件,所以配置開發環境、測試環境、生產環境的話需要自己創建env文件。
vue-cli3配置開發環境、測試環境、線上環境
在package.json文件中添加
"scripts":{
"serve":"vue-cli-serviceserve",//調用開發api
"build":"vue-cli-servicebuild",//上線
"test":"vue-cli-servicebuild--modetest",//需要添加的內容，測試
},
在根目錄下創建.env文件，并配置
NODE_ENV='production'
VUE_APP_FLAG='pro'//vue代碼可以直接使用VUE_APP_名字
在根目錄下創建.env.test文件
NODE_ENV='production'
VUE_APP_FLAG='test'
outputDir=test//可以更改打包時輸出的目錄名字，默認為dist
在根目錄下創建vue.config.js
vue-cli3復制代碼
module.express={
baseUrl:process.env.NODE_ENV==='production'?'/static/':'./',
devServe:{
port:8080,
//disableHostCheck:true,//處理host不識別問題
},
baseUrl:'/',//基本路徑，不要隨意更改
outputDir:process.env.outputDir,//打包生成目錄
assetDir:'static',
lintOnSave:false,
runtimeCompiler:true,//是否使用包含運行時編譯器的Vue構建版本
productionSourceMap:false,//生產環境的sourcemap
}
看完上述內容，你們對怎么進行vue cli3配置開發以及測試環境有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
