webpack

他是一個前端資源或打包工具

1.先下載

　　npm install -g webpack@3.8.1     //全局

　　npm install webpack@3.8.1 --save -dev    //局部

　　

 

2.打包

　　指令（webpack）   入口 文件（xxx.js）  出口文件（dist/bundle.js）

　　

　  　若是你想使用webpack，webpack就會默認去找一個webpack.config.js的配置文件，經過這個配置文件進行轉換

 　　  輸出　　

 

3.添加熱加載 ：改變文件內容  按住保存  就會自動刷新

　　webpack-dev-serve@2.9.4

　　注意：webpack是3.8.1這個輕量服務器就得是2.9.4  ---如是4.0版本  這個dev-server就得是3.0版本

　　全局下載：npm install -g webpack-dev-server@2.9.4

　　開發環境下載： npm install --save-dev webpack-dev-server@2.9.4

　　　　1：啓動 ：  webpack-dev-server  （這種只是啓動 ，但不刷新）」

　　　　2：啓動：  webpack-dev-server --hot --inline （既能夠啓動，也能夠刷新）　

　　　　　　在當前頁面下的  package.json中將    scripts下改爲下面這種 

　　　　　　　　

　　　　　　注意：在這個服務器下生成的虛擬bundle.js，這個虛擬js文件由配置文件決定的，可是他和html.html同目錄同級別關系。因此引入關係須要注意