webpack是前端項目工程化的具體解決方案（打包更方便）
1. 安裝webpack：
npm install -S webpack
npm install -S webpack-cli
2. 創(chuàng)建配置文件
在項目根目錄中，創(chuàng)建名為webpack.config.js 的配置文件，并初始化內(nèi)容如下：
module.exports = {
mode : 'development' // mode 用來指定構建模式，可選值有 development 和 production
}
3. 創(chuàng)建dev啟動腳本
在package.json 的 scripts節(jié)點下，新增dev腳本
"scripts" : {
"dev" : "webpack" // scripts節(jié)點下的腳本，可以通過npm run 執(zhí)行，例如npm run dev
}
4.在終端下運行 npm run dev，啟動 webpack 進行項目的打包構建
5. 修改默認的出口、入口約定
默認的導報入口文件為 src -> index.js
默認的輸出文件路徑為 dist -> main.js
修改出入口
6.設置熱部署 webpack-dev-server
- npm install webpack-dev-server -D
-
修改package.json -> scripts中得dev命令如下如：設置啟動命令
- 重新運行即可
- 注：webpack-dev-server會啟動一個試試打包的http服務器。默認將打包后bundle.js的放到內(nèi)存里了
