【Vue.js】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:項目的安裝依賴


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM