vue專案目錄解析
阿新 • • 發佈:2018-12-10
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:專案的安裝依賴