在前端開發(fā)中，樣式是一個非常重要的部分，它不僅關(guān)系到網(wǎng)頁的美觀度，還關(guān)系到用戶體驗和頁面性能。因此，樣式的復(fù)用是非常有必要的，可以避免代碼重復(fù)、減少代碼冗余，并提高開發(fā)效率。

對于Vue項目的樣式管理，我們可以使用Webpack和CSS預(yù)處理器來實現(xiàn)樣式的復(fù)用。Webpack是一個模塊化打包工具，可以在打包時引用CSS文件，實現(xiàn)樣式的共享。CSS預(yù)處理器則提供了一些便捷的語法和功能，可以簡化樣式編寫的過程。

在Webpack中使用CSS文件，需要借助一些插件和Loader。常用的CSS Loader有css-loader、style-loader、sass-loader等。其中，css-loader可以將CSS樣式文件打包成JS模塊；style-loader則可以將JS模塊插入到HTML頁面中。使用這兩個Loader，我們可以在編寫Vue組件時，直接引用CSS樣式文件，實現(xiàn)樣式的復(fù)用。

/* 引用CSS樣式文件 */
<style scoped>
@import “./common.css”;
.button {
background-color: blue;
}
</style>

上述代碼中，@import語句引用了一個common.css文件，定義了一些公共的樣式。.button類則是在組件中定義的樣式，記住在<style>標簽上使用了scoped屬性，則樣式只作用于該組件內(nèi)部。

除了使用CSS文件，我們還可以使用CSS預(yù)處理器進行樣式編寫。常用的CSS預(yù)處理器有SASS、LESS、Stylus等。其中，SASS是又最為流行的CSS預(yù)處理器之一，它提供了變量、嵌套、函數(shù)等語法，可以簡化CSS編寫的過程。

$primary-color: #409eff;
.button {
background-color: $primary-color;
}

上述代碼中，我們定義了一個$primary-color變量，并將其賦值為#409eff。在.button類中，我們可以通過$primary-color來引用該變量，并將其作為按鈕背景顏色的值。這樣，我們就可以方便地修改按鈕的背景色，而不需要在每個組件中都修改一遍。

總之，樣式的復(fù)用是前端開發(fā)中必不可少的一個環(huán)節(jié)。對于Vue項目，我們可以借助Webpack和CSS預(yù)處理器，來實現(xiàn)樣式的共享和簡化，同時提高開發(fā)效率。