Vue CLI 是一個強大易用的前端腳手架工具，它可以幫助我們快速搭建一個基于 Vue.js 的項目。Vue CLI 默認集成了很多常用的配置，但是如果我們想進行一些自定義配置，就需要修改 webpack 配置。下面是 Vue CLI 中 webpack 配置的一些常見操作。

1. 配置代理

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}

2. 配置別名

module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': 'src',
'components': '@/components',
'views': '@/views'
}
}
}
}

3. 配置全局樣式

module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `
@import "@/assets/stylesheets/variables.scss";
@import "@/assets/stylesheets/mixins.scss";
`
}
}
}
}

4. 配置打包輸出目錄

module.exports = {
outputDir: 'dist',
assetsDir: 'static',
publicPath: process.env.NODE_ENV === 'production'
? './'
: '/'
}

通過上面這些基本操作，我們可以對 Vue CLI 中的 webpack 進行簡單的自定義配置，更好地滿足項目需求。