在使用Vue.js開發 web 應用時，我們可以使用 Vue 的組件化思想，將頁面劃分為不同的組件，通過引入公用 css 文件實現頁面的定義和樣式的統一。這種將公用 css 文件與組件相結合的設計方法非常實用，也是現代 web 開發的一種常見做法。

Vue.js 通過使用 webpack 等打包工具來加載和管理項目中的靜態資源，包括公用 css 文件。Webpack 可以為每個組件構建一個獨立的應用環境，從而可有效減小運行時資源的冗余。

//引入公用 css 文件
import 'assets/css/reset.css'

在 vue 項目中，可以在組件內部引入公用 css，這樣可以有效地減小 css 文件的體積。在引入 css 文件時，我們可以使用相對路徑、絕對路徑或 alias 等方式，將 css 文件與組件對應起來。

//相對路徑引入 css 文件//絕對路徑引入 css 文件//alias 引入 css 文件

我們也可以在項目的 main.js 里引入需要的 css 文件，直接全局管理。這樣每個組件在引入 css 時就不需要再次聲明了。

//在 main.js 中引入 css 文件
import 'assets/css/reset.css'

除了全局引入，我們還可以通過 vue.config.js 等配置文件來實現對公用 css 文件的引入和管理。這種做法特別適合大型項目和團隊協作，可以減小代碼冗余和提高代碼可讀性。

//在 vue.config.js 中引入 css
module.exports = {
css: {
loaderOptions: {
scss: {
additionalData: `@import '@/assets/css/reset.scss';`
}
}
}
}

在Vue.js開發中，合理的引入公用 css 文件可以減小項目體積、優化網站性能，同時也使代碼更加規范和易于維護。因此，在每個項目的開發中都應該充分發揮公用 css 的作用，并采用最優方案來引入和管理，為項目帶來更好的效果和體驗。