vue cli3的打包並在本地檢視

2022-02-16 17:04:25 字數 953 閱讀 2114

1.vue-cli3沒有vue.config.js檔案,在根目錄下建乙個vue.config.js檔案

3.vue-cli3.3版本前的打包命令

vue-cli3.3版本之後

我用3.3之前的命令打包一直報這種錯誤:

後來用3.3版本之後那種命令打包成功

4.打包完成後的注意事項:

打包後我們可以看到dist檔案下的index.html,一般是看不到什麼的,但是這不是打包失敗,只是要設定一下

在router.js下把mode設定成mode:'hash'就可以看到了

vue cli3實現分環境打包

在vue cli3的專案中,預設的package.json配置 此時只要根據process.env.node env設定不同請求url就可以很簡單的區分出本地和線上環境。但是實際真實的專案中,會有測試,預發布等環境。並且vue cli3號稱0配置,無法直接修改打包檔案,那麼怎麼區分不同的線上環境呢?...

vue cli3打包專案

vue cli3打包專案 使用vue cli3開發好專案後,就可以將它打包,這樣就可以通過輸出檔案中的index.html來訪問該專案了。在打包專案之前需要先修改兩個檔案,分別是vue.config.js,router index.js。如果沒有vue.config.js檔案的話就需要手動建立此檔案...

vue cli3 配置多環境打包

由於公司專案需要多環境,就研究了一下vue cli3的多環境配置,這裡和大家分享一下vue cli3多環境配置方法 首先我們先看看 vue cli環境變數和模式,通過官網我們可以發現 vue cli 提供了三個模式 test development production 而每種node env下面可...