如果你是一個Vue的開發者，那么一定使用過Vue CLI來創建Vue項目。在Vue CLI 3版本之前，所有的項目都需要在src目錄下完成代碼編寫和組織。但是在Vue CLI 3中，它提供了一個全新的配置方式，使得我們不必要將所有的代碼都放在src目錄下。

在Vue CLI 3中，我們可以使用一個全新的配置文件vue.config.js來添加一些修改webpack基礎配置的選項，其中包括在哪里存放項目的代碼。

// vue.config.js
module.exports = {
// 修改源碼存放目錄
outputDir: 'output',
}

在上面的代碼中，我們可以使用outputDir選項來修改項目的源碼存放目錄。在這里，我們將所有的源碼都放在output目錄下。

但是，如果你要修改之前版本的Vue CLI生成的項目，你不得不將代碼文件夾移動到新目錄下（比如output目錄），否則項目將無法運行。為此，你需要對vue.config.js進行一些配置。

// vue.config.js
module.exports = {
// 修改項目的入口文件和靜態資源目錄
pages: {
index: {
// 原始的入口文件
entry: 'src/main.js',
// 入口文件替換為新目錄下的文件
template: 'public/index.html',
// 替換原來的static目錄為新目錄下的文件
chunks: ['chunk-vendors', 'chunk-common', 'index'],
},
},
// 修改源碼存放目錄
outputDir: 'output',
// 修改靜態資源目錄
assetsDir: 'static'
}

在上面的代碼中，我們通過pages選項對項目的入口文件和靜態資源目錄進行修改。這里我們將入口文件從原先的src/main.js替換為新目錄下的文件，并且將靜態資源的文件夾替換為新目錄下的文件夾。

除了改變項目的輸入和輸出目錄之外，還可以通過其他的選項進一步優化項目的構建過程。如使用babel-loader解析ES6或TypeScript的語法，使用uglifyjs-webpack-plugin進行代碼壓縮等。

總而言之，Vue CLI 3提供了一種更加靈活、可定制的配置方式，使得開發者在進行Vue項目開發時可以更加方便高效地進行代碼組織和構建。