對于搭建Vue項目來說，使用Egg + Webpack的組合是非常常見的。Egg是一個基于Node.js和Koa的企業級框架，提供了一系列的基礎設施，比如插件機制和約定大于配置等，能夠方便開發者快速地搭建Web應用。Webpack則是前端打包工具的事實標準，通過模塊化的方式，可以方便地管理代碼和依賴。

在使用Egg + Webpack時，需要安裝一些相關的插件和依賴。比如egg-webpack插件和webpack-dev-middleware包等。同時，需要配置好各種webpack選項，比如entry和output等，以及各種loader和plugin，比如vue-loader和html-webpack-plugin等。

const VueLoaderPlugin = require('vue-loader/lib/plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
app: [path.join(__dirname, '../client/app.js')],
},
output: {
path: path.join(__dirname, '../public'),
filename: '[name].[hash].js',
publicPath: '/',
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.js$/,
loader: 'babel-loader?cacheDirectory',
exclude: /node_modules/,
},
],
},
plugins: [
new VueLoaderPlugin(),
new HtmlWebpackPlugin({
filename: 'index.html',
template: path.join(__dirname, '../client/index.html'),
favicon: path.join(__dirname, '../client/favicon.ico'),
inject: true,
}),
],
};

在配置好了Egg + Webpack之后，可以開始編寫Vue組件進行開發。在Vue組件中，可以import各種相關的組件和庫，比如Vue Router和Vuex等。在編寫時，需要遵循Vue的各種生命周期函數和組件化的原則，將各種邏輯分解到各個組件中，以便于維護和復用。

最后，使用webpack-dev-server可以方便地進行本地開發和調試。使用npm run build可以打包出上線的代碼。