在現代的web應用程序中，JavaScript是一個重要的組成部分。但是隨著JavaScript代碼的增加，它會削弱頁面的性能，減慢加載速度，甚至影響用戶體驗。

vue-cli是一種命令行工具，用于快速搭建Vue.js應用程序，同時也是最受歡迎的Vue.js腳手架之一。Vue-cli集成了多種webpack插件，其中一個用于壓縮JavaScript文件的插件稱為UglifyJS。

UglifyJS是一種JavaScript壓縮器和美化器，用于減小文件大小和增強JavaScript代碼的可讀性和可維護性。它可以刪除不必要的空白，縮短變量和函數名稱，減少JavaScript代碼的大小。

// 示例代碼
// 在 Vue.js 中使用 UglifyJS 壓縮 JavaScript 代碼
// 安裝 UglifyJS
npm install uglify-js -D
// 修改 webpack 配置
// vue.config.js
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
configureWebpack: {
plugins: [
new UglifyJSPlugin({
test: '/.js($|?)/i',
parallel: true,
uglifyOptions: {
compress: {
warnings: false,
drop_console: true,
pure_funcs: ['console.log']
}
}
})
]
}
}

在上面的代碼中，我們首先需要安裝UglifyJS，并將其添加到我們的webpack配置中的插件數組中。然后，我們可以使用一些配置選項來指定要優化的JavaScript文件。對于這里的示例，我們只針對JavaScript文件進行優化。

在UglifyJS的配置對象中，我們可以設置一些配置選項來壓縮代碼。compress部分包含關于代碼壓縮的一些選項，如警告、刪除控制臺、純功能等。在這里，我們僅設置刪除控制臺的選項，并在pure_funcs中聲明console.log()函數。

在構建應用程序時，UglifyJS將讀取我們的webpack配置并自動檢索要優化的JavaScript文件。然后，它將按照我們的配置選項進行優化，最終輸出壓縮后的JavaScript文件。

通過使用UglifyJS，我們可以優化JavaScript代碼，并使用更少的帶寬來傳輸它。這將使應用程序更快地加載并提高性能。Vue-cli和UglifyJS是開發Vue.js應用程序的強大工具，建議使用它們來優化你的項目。