CSS中的路徑是指在引入外部資源時的相對路徑，比如在樣式文件中引入背景圖片或者字體等資源。而Webpack是一種現代化的JavaScript模塊打包工具，可以將各種模塊打包成一個文件。

在CSS中使用路徑時，我們需要注意路徑的相對關系。如果樣式文件和資源在同一個目錄下，我們直接使用文件名引用即可，比如：

background-image: url('image.png');

如果資源在樣式文件的上一級目錄下，則需要用到../表示跳出一級目錄，如：

background-image: url('../image.png');

而在Webpack中，路徑的處理則更加便捷靈活。Webpack支持使用alias來指定模塊的路徑，可以極大地方便我們的資源引用。

在Webpack的配置文件中，我們可以使用resolve.alias來進行設置。如：

resolve: {
alias: {
'@': resolve('src')
}
}

這樣我們就可以在引用模塊時使用@代替src目錄，比如：

import '@/components/Header.vue';

除了alias，Webpack還支持在模塊中使用~來表示node_modules目錄，比如：

@import "~normalize.css";

這樣就可以方便地引用安裝在node_modules目錄中的第三方模塊。