vue專案目錄解析

2021-08-17 20:49:45 字數 796 閱讀 7984

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資料夾:開發專案的原始碼

6. .babelrc:es6解析的配置

7. .gitignore:忽略某個或一組檔案git提交的乙個配置

8. index.html:單頁面的入口,通過webpack的打包構建之後,會對src原始碼進行編譯,最終把它們插入到html裡面來

9. package.json:基礎配置,告訴我們專案的資訊(版本號、專案姓名、依賴)

10. node_modulues:專案的安裝依賴

Vue專案目錄結構

project build 構建指令碼目錄 build.js 生產環境構建 編譯打包 指令碼 check version.js 檢查node npm等版本 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段頁面自動重新整理 dev server.js 執行本地開發伺服器 uti...

vue專案結構目錄

readme.md專案的說明檔案 package.json需要的第三方的依賴包 package lock.json第三方包的一些具體版本資訊,保持團隊開發的統一 index.html專案預設的模板檔案 static放置的靜態資源 json資料等 src檔案放置的是整個專案的源 src目錄下幾個檔案的...

vue 專案目錄作用

build資料夾 打包配置的資料夾 1.1 webpack.base.conf.js 打包的核心配置 1.2 build.js 構建生產版本,專案開發完成之後,通過build.js打包 載入base與prod,讀取完之後通過webjpack命令對專案進行打包 1.3 webpack.prod.con...