webpack和vue-cli

webpack 一款打包工具，負責項目打包

原生使用webpack配置很是麻煩（入口，輸出，加載器，插件），所以使用vue-cli打包工具（即：vue腳手架）能夠極大簡化webpack打包流程

vue-cli安裝

sudo npm install -g vue-cli

使用vue-cli初始化

進入項目目錄 ->

sudo vue init webpack ->

提示是否在當前目錄下生成？y ->

下載模板 ->

輸入項目名稱？（一般默認）Enter ->

項目描述？（默認有一個能夠直接回車）Enter ->

做者？（默認會有一個當前用戶）Enter ->

VUE構建？選擇RunTime+Compiler便可 ->

是否安裝vue-router？ y ->

是否使用ESLint ？ n ->

啓用單元測試？ n ->

n ->

最後一步選擇Yes

 經常使用文件：

build/　　　　　　  該目錄下存放的是webpack打包使用的配置文件，base.js是基礎文件，dev.js是開發環境使用的，prod.js是生產環境使用的

config/index.js　　主配置文件，端口號就在這裏配置

dist/　　　　　　　該目錄下放的是打包後的目錄和靜態文件，須要注意：整個項目只有一個index.html文件

main.js　　　　　   js的入口文件

index.html　　　　打包前的主頁面文件

static/　　　　　　 打包前的靜態文件