一級(jí)目錄
build：webpack配置文件
config：webpack配置文件
node_modules：安裝的依賴包
src：所有的組件都寫在里面
static：所有第三方的靜態(tài)資源存放目錄
一級(jí)文件
.babelrc：babel的一些配置（比如將es6編譯成es5的一些配置）
.editorconfig：編輯器的一些配置（包括編碼格式术吗，縮進(jìn)風(fēng)格，換行格式）
.gitignore：配置Git倉(cāng)庫(kù)忽略的一些文件（不會(huì)上傳）
.postcssrc.js 配置postcss的文件（主要是css樣式兼容性帆精，自動(dòng)加前綴（autoprefixer））
index.html：入口html文件藐翎。
package.json: 項(xiàng)目的一些配置信息（項(xiàng)目的一些具體信息）
package-lock.json就是鎖定安裝時(shí)的包的版本號(hào)，并且需要上傳到git实幕，以保證其他人在npm install時(shí)大家的依賴能保證一致吝镣。
package.json依賴詳解
autoprefixer：是用于給css3屬性自動(dòng)加屬性前綴的
babel系列都是處理語(yǔ)法的
chalk：適用于格式化輸出命令行信息的，比如run dev以后的start...
copy-webpack-plugin：在webpack中拷貝文件和文件夾
extract-text-webpack-plugin：為了抽離css樣式昆庇，防止將樣式打包在js中引起頁(yè)面樣式加載錯(cuò)亂的現(xiàn)象
file-loader：操作文件
friendly-errors-webpack-plugin：能夠更好在終端看到webapck運(yùn)行的警告和錯(cuò)誤
html-webpack-plugin：插件的基本作用就是生成html文件
node-notifier：來(lái)發(fā)送桌面消息,包括應(yīng)用狀態(tài)改變以及錯(cuò)誤信息
optimize-css-assets-webpack-plugin：壓縮提取出的css末贾，并解決ExtractTextPlugin分離出的js重復(fù)問(wèn)題(多個(gè)文件引入同一css文件)
ora：命令行里自動(dòng)運(yùn)行的信息提示
portfinder：可以幫你找出正在運(yùn)行的進(jìn)程打開(kāi)了哪些端口
rimraf：跑shell命令 rm-rf 的工具
semver：是用來(lái)對(duì)特定的版本號(hào)做判斷的(check-version.js)中
shelljs：selljs是在node里跑shell命令的工具，比如‘rm -rf’在(check-version.js)中整吆，屬于Unix命令
uglifyjs-webpack-plugin：壓縮js
webpack：打包工具
webpack-bundle-analyzer：打包優(yōu)化工具拱撵，可得到一個(gè)可視化模塊大小界面
webpack-dev-server：配合webpack辉川，創(chuàng)建開(kāi)發(fā)環(huán)境（啟動(dòng)服務(wù)器、監(jiān)視文件變化拴测、自動(dòng)編譯乓旗、刷新瀏覽器等），提高開(kāi)發(fā)效率
webpack-merge：合并
