Vue CLI是用于構建Vue.js項目的標準工具。它提供了許多webpack配置以及許多插件來增強開發體驗。當我們完成了Vue.js應用程序的構建和調試后，如何將它們打包成可在生產環境中運行的文件呢？Vue CLI不僅提供了方便的開發環境，還能夠幫助我們生成可以直接部署的文件，通過打包命令exe，我們可以將Vue.js應用程序打包到可執行文件中，簡化應用程序的部署和管理。

npm install -g @vue/cli-service-global

安裝完Vue CLI工具后，在命令行界面中進入Vue.js應用程序的根目錄，運行打包命令：

vue-cli-service build

為了獲得更多的配置選項，我們可以添加一些參數。例如，為了在開發階段和生產階段使用不同的環境變量，可以在命令中添加--mode參數：

# 使用開發環境
vue-cli-service build --mode development
# 使用生產環境
vue-cli-service build --mode production

我們也可以使用--dest參數來指定輸出目錄：

vue-cli-service build --dest build

默認情況下，Vue CLI會在項目根目錄下創建一個名為“dist”的目錄，所有打包生成的文件都會被放置在這個目錄下。使用--dest參數可以覆蓋默認設置，指定打包后的文件存儲到我們指定的目錄。

在默認情況下，Vue CLI會將Vue.js應用程序打包成一個名為“app.js”的JavaScript文件。如果您想要分離JavaScript文件，您可以使用--prod參數，Vue CLI會將您的Vue.js應用程序打包成兩個JavaScript文件，一個用于應用程序，另一個用于Vue.js運行時。

vue-cli-service build --prod

在打包Vue.js應用程序時，我們還可以為應用程序生成SourceMap，以便在調試過程中更容易地找到問題所在。要生成SourceMap，請使用--source-map參數：

vue-cli-service build --source-map

注意：生成SourceMap文件會增加文件的大小，因此在生產環境中使用時，請關閉這個選項。

通過Vue CLI提供的打包命令exe，我們可以將Vue.js應用程序打包成可在生產環境中運行的文件，并且我們可以通過添加各種參數來配置打包過程的輸出。這給開發人員帶來了極大的便利，讓他們可以專注于Vue.js應用程序的開發，而無需擔心如何部署它們。