Vue項目打包時，往往會將所有的第三方依賴庫和自己寫的業務代碼打包在一起，導致最后的js文件體積非常大，影響頁面的加載速度和用戶的訪問體驗。為了解決這個問題，我們可以將第三方依賴庫和業務代碼分開打包，這樣可以大大減小文件體積，提高網頁的加載速度。

Vue打包時，可以使用“CommonsChunkPlugin”插件把第三方依賴庫和業務代碼分開打包。在webpack.config.js中，首先需要引入該插件：

const webpack = require("webpack");

接著，在plugins中配置CommonsChunkPlugin插件：

plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: "vendor",
minChunks (module) {
return module.context && module.context.indexOf("node_modules") !== -1;
}
})
]

該插件會在打包時將“node_modules”中的所有模塊打包到一個名為“vendor”的文件中。其中，“name”是打包的文件名，“minChunks”函數的作用是將所有“node_modules”中的模塊提取出來，這樣就能夠保證第三方依賴庫都被打包到了“vendor”文件中。如果你有多個入口文件，還需要設置“chunks”選項指定哪些文件需要被提取出來。

此外，還可以使用“manifest”文件來解決每次打包時“vendor”文件的hash值發生變化的問題。在plugins中，增加一個“manifest”選項：

plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: "vendor",
minChunks (module) {
return module.context && module.context.indexOf("node_modules") !== -1;
}
}),
new webpack.optimize.CommonsChunkPlugin({
name: "manifest",
chunks: ["vendor"]
})
]

這樣，“manifest”文件中會保存每次打包“vendor”文件時產生的hash值，而不是每次都重新生成一個新的hash值。這樣，在打包時，“vendor”文件的hash值就不會發生變化，可以有效地提高緩存效率。

除了使用“CommonsChunkPlugin”插件外，還可以使用其他的插件或方法來進行拆分打包，例如使用“DllPlugin”和“DllReferencePlugin”插件，或使用“externals”選項來打包第三方依賴庫。但無論使用哪種方法，都要注意拆分后的文件依賴關系，避免出現運行時錯誤。

總之，將第三方依賴庫和業務代碼分開打包，可以有效地提高網頁的加載速度和用戶的訪問體驗，是Vue項目優化的重要步驟之一。