vue-cli基于webpack搭建項目的目錄結構

build文件夾

├── build????????????? // 項目構建的(webpack)相關代碼? ??

│ ├── build.js?? ??? // 生產環境構建代碼（在npm run build的時候會用到這個文件夾）

│ ├── check-versions.js // 檢查node&npm等版本，如nodejs、npm，若版本太低則會提示出來。

│ ├── utils.js????????? // 構建配置公用工具（less，sass 什么的安裝后，不用配置也可以解析各種格式的css）

│ ├── vue-loader.conf.js // vue加載器

│ ├── webpack.base.conf.js // webpack基礎環境配置

│ ├── webpack.dev.conf.js //? webpack開發環境配置

│ └── webpack.prod.conf.js // webpack生產環境配置

?config文件

├── config// 項目開發環境配置相關代碼? ? ? ? ? ? ? ? ??

│ ├── dev.env.js? // 開發環境變量

│ ├── index.js //項目主要配置變量（監聽端口，打包路勁，代理服務器的配置等）

│ └── prod.env.js // 生產環境變量

node_modules文件

├──node_modules// 項目依賴的模塊??

src項目核心文件

├── src// 源碼目錄?

其他

文件之間那些博大深淵我也還沒完全弄弄，懂了再更新，如有不妥之處請多多指出，探討，筆芯

?

轉載于:https://www.cnblogs.com/mei1234/p/8966724.html

總結

以上是生活随笔為你收集整理的vue-cli搭建项目的目录结构及说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。