├─build // webpack開發(fā)打包相關(guān)配置
│ ├─build.js // 構(gòu)建環(huán)境下的配置:loading動(dòng)畫;刪除創(chuàng)建目標(biāo)文件夾;webpack編譯;輸出信息
│ ├─check-versions.js // node和npm的版本檢查
│ ├─logo.png
│ ├─utils.js // 配置靜態(tài)資源路徑;cssLoaders用于加載.vue文件中的樣式绢淀;styleLoaders用于加載不在.vue文件中的單獨(dú)存在的樣式文件
│ ├─vue-loader.conf.js
│ ├─webpack-base.conf.js // 基本的webpack配置.配置webpack編譯入口/webpack輸出路徑和命名規(guī)則/模塊resolve規(guī)則/不同類型模塊的處理規(guī)則
│ ├─webpack-dev.conf.js // 開發(fā)環(huán)境配置,在base.conf基礎(chǔ)進(jìn)一步完善;合并基礎(chǔ)webpack配置;將hot-reload相關(guān)的代碼添加到entry chunks;使用styleLoaders;配置Source Maps / webpack插件;
│ ├─webpack-prod.conf.js // 生產(chǎn)環(huán)境配置,在base.conf基礎(chǔ)進(jìn)一步完善;合并基礎(chǔ)webpack配置;使用styleLoaders;配置webpack輸出/webpack插件;gzip模式下的webpack插件配置;webpack-bundle分析
├─config // 項(xiàng)目配置(端口號(hào)等)
│ ├─dev.env.js
│ ├─index.js // 用于定義開發(fā)環(huán)境和生產(chǎn)環(huán)境所需要的參數(shù)
│ ├─prod.env.js
├─dist // cnpm run build 項(xiàng)目打包后生成的文件夾
├─node_modules // cnpm install 項(xiàng)目依賴模塊
├─src
│ ├─assets // 資源目錄(放置一些圖片等)萤悴,這里的資源會(huì)被webpack構(gòu)建
│ ├─components
│ ├─router // 路由
│ ├─App.vue // 根組件
│ ├─main.js // 入口js
├─static // 純靜態(tài)資源(不會(huì)變動(dòng)的資源,如圖片皆的、字體)覆履,不會(huì)被webpack構(gòu)建,直接被復(fù)制到打包目錄dist/static
├─.babelrc // 使用babel的配置文件费薄,用來(lái)設(shè)置轉(zhuǎn)碼規(guī)則和插件
├─.editorconfig // 代碼的規(guī)范文件(規(guī)定使用空格或tab縮進(jìn)硝全,縮進(jìn)的長(zhǎng)度等,使用的話需要在編輯器下載對(duì)應(yīng)的插件)
├─.gitignore // 指定 git 忽略的文件楞抡,所有 git 操作均不會(huì)對(duì)其生效伟众;
├─.postcssrc.js // 指定使用的 css 預(yù)編譯器,里面默認(rèn)配置了 autoprefixer 召廷,自動(dòng)補(bǔ)全瀏覽器前綴
├─index.html
├─package-lock.json // 確定當(dāng)前安裝的包的依賴凳厢,以便后續(xù)重新安裝的時(shí)候生成相同的依賴,而忽略項(xiàng)目開發(fā)過(guò)程中有些依賴已經(jīng)發(fā)生的更新竞慢;
├─package.json // 項(xiàng)目配置文件
└─README.md // 備注文件先紫,對(duì)項(xiàng)目開發(fā)過(guò)程中需要注意的地方進(jìn)行一些說(shuō)明
build文件夾詳解:http://www.reibang.com/p/5ce0405ce7fc
config文件夾詳解:http://www.reibang.com/p/0e7b6ff4bb90