1. build文件夾:打包配置的文件夾
1.1 webpack.base.conf.js :打包的核心配置
1.2 build.js:構建生產版本,項目開發完成之后,通過build.js打包(加載base與prod,讀取完之后通過webjpack命令對項目進行打包)
1.3 webpack.prod.conf.js:被build.js調用,webpack生產包的一個配置。基礎代碼都在1.1里面寫,1.3是對1.1的擴展與補充
1.4 dev-client.js:熱更新的插件,進行對客戶端進行重載
1.5 dev-server.js:服務器。(背后的原理是啟動一個express框架,這是一個基於node做的一個后端框架,后端框架可以在前端起一個服務)
1.6 vue-loader.conf.js:被base加載,
1.7 utils.js:工具類,公共的配置
2. config文件夾:打包的配置,webpack對應的配置
2.1 index.js:可與1.1合並成一個文件,但由於spa想做一個清晰的架構,因此把它們拆分開了
3. src文件夾:開發項目的源碼
4. App.vue : 入口組件
5. static文件夾:靜態資源,圖片
6. .babelrc:ES6解析的配置
7. .gitignore:忽略某個或一組文件git提交的一個配置
8. index.html:單頁面的入口,通過webpack的打包構建之后,會對src源碼進行編譯,最終把它們插入到html里面來
9. package.json:基礎配置,告訴我們項目的信息(版本號、項目姓名、依賴)
10. node_modulues:項目的安裝依賴