1. 程式人生 > >vue專案目錄解析

vue專案目錄解析

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:專案的安裝依賴