entry???????? : 入口文件 ；
externals ： ?外部依賴的聲明廊酣；
output ? ? ?： 目標(biāo)文件能耻，通過webpack打包后的文件存放地址；
resolve ? ?： 配置別名亡驰；
module ? ?： 各種文件晓猛，各種loader；
plugins ? ?： 引用的插件
webpack loaders
html ????????????????：html-webpack-plugin / html-loader
js ? ? ? ? ? ? ? ? ? ? ：babel-loader + babel-preset-es2015?
css ? ? ? ? ? ? ? ? ?：style-loader + css-loader
imgage + font ： url-loader
webpack 常用命令
webpack ? ? ? 調(diào)試打包凡辱，測(cè)試打包
webpack -p ? ?線上打包（最小化壓縮）
webpack --watch ?監(jiān)聽文件的改變戒职，自動(dòng)編譯，用于開發(fā)過程
webpack-dev-server
前端服務(wù)器
可以在文件改變時(shí)透乾，自動(dòng)刷新瀏覽器
配置 ： webpack-dev-server/client?http://localhost:8088
使用 ：webpack-dev-server --port 8088 --inline
webpack.config.js配置
單入口配置（單頁(yè)應(yīng)用） ?——> ?entry : "入口文件路徑"
多入口配置 （多頁(yè)應(yīng)用） ——> ?entry : ｛
????????????????????????????????????????????????????????????????"index" ?: [ "index入口文件路徑" ]洪燥，
? ???????????????????????????????????????????????????????????????"login" ?: [ "login入口文件路徑" ]磕秤，
????????????????????????????????????????????????????????｝
webpack 打包成獨(dú)立的文件 ?——> ?output : {
????????????????????????????????????????????????????????????????????path : path.resolve( _dirname , "./dist" ),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? filename : "js/[name].js"
????????????????????????????????????????????????????????????????}
jquery的引用 ： externals : {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "jquery" : "window.jQuery"
????????????????????????????????????????}
提取通用模塊 ：
