Vue CLI是一款基于Vue.js進行開發(fā)的標準工具。它允許我們快速創(chuàng)建和配置Vue.js項目。Vue CLI還提供了諸如構建、安裝項目依賴項、測試等等工具，這使得我們能夠更好地管理和維護 Vue.js 應用程序。

那么，如何使用Vue CLI打包我們的應用程序呢？下面是我們的步驟：

# 安裝Vue CLI
npm install -g @vue/cli
# 切換到項目目錄
cd my-project
# 打包應用
npm run build

上述命令將為我們構建一個生產(chǎn)環(huán)境的應用程序，它將在`dist`文件夾中生成一個包含所有應用程序文件的縮小和優(yōu)化的版本。

我們還可以通過添加環(huán)境變量來配置應用程序的打包行為。例如，我們可以設置應用程序的公共路徑：

module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/my-app/'
: '/'
}

以上代碼將為我們的應用程序設置一個公共路徑。例如，在生產(chǎn)環(huán)境中，我們的應用程序?qū)⒈徊渴鸬絗/my-app/`路徑下。

最后，我們還可以通過一些插件和工具來進一步優(yōu)化我們的應用程序。例如，使用`compression-webpack-plugin`插件可以幫助我們減小應用程序的體積：

# 安裝插件
npm install compression-webpack-plugin -D

然后，我們將該插件添加到我們的配置中：

const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
plugins: [
new CompressionPlugin()
]
}

以上代碼將在打包過程中對文件進行壓縮，減小應用程序文件的體積。使用Vue CLI以及一些工具和插件，我們可以輕松地打包優(yōu)化我們的Vue.js應用程序。