[TOC] #### 1,先安裝nodejs 下載地址http://nodejs.cn #### 2.安裝全局的webpack npm install -g webpack #### 3.進入開發目錄初始化項目 npm init #### 4.安裝依賴項 npm install --save-dev #### 5.在項目文件中創建webpack.config.js文件 內容如下 module.exports = { //__dirname是nodejs里的一個全局變量，它指向的是我們項目的根目錄 //入口文件 entry:__dirname+'/app/main.js', //輸出地址 output:{ //輸出目錄 path:__dirname+'/public', //輸出文件名稱 filename:'webpack.js' } } 運行：webpack 結果如下  #### 6.loaders的使用  安裝loader npm install --save-dev json-loader  #### 7.webpack 對css的操作   #### 8.Babel的安裝與配置  #### 9.插件的使用   #### 10.webpack之webpack-dev-server自動刷新頁面