如何在項目中使用webpack將文件進行打包，處理資源，配置開發環境，上線環境等？
一.webpack的簡單介紹：
githup地址:https://github.com/webpack/webpack
webpack是為javascript准備的打包工具，可以將多個模塊打包成很少的靜態文件，以下是webpack官網介紹的，簡短的打包過程：
webpack會將左側的文件當成一個一個模塊，模塊之間還會有依賴關系，webpack將會對這些有依賴關系的文件進行處理，讓瀏覽器能夠識別，最后打包成右側的以js,css,png等結尾的文件，以上就是一個簡單的打包過程。
它有什么特點呢：
1.能夠整合第三方的類庫，將第三方的類庫也當成一個模塊，在項目中應用。
2.減少初始化加載的時間。
3.每個文件都可以當成一個模塊，應用到項目當中。
4.有自定義功能，每個模塊都可以自定義，做自己想做的事。
5.適合大型項目
二.webpack的安裝以及簡單的打包命令
1.進入到指定的目錄下: cd + 目錄名
2.初始化npm: npm init
3.安裝webpack: npm install webpack --save-dev
4.打包文件的命令：webpack fileName fileName1
三.webpack四個核心概念
簡單概括：
入口（entry）:指定一到多個模塊為入口文件，通過入口文件判斷哪些文件有直接依賴關系和間接依賴關系，隨后將這些有依賴關系的文件進行處理，放到名為bundles文件當中；
出口（input）:在入口被處理后的文件（bundles）,output的作用就是將被處理后的文件輸出到哪個文件下，以及如何命名終端的文件；
loader：它的作用是讓webpack處理非js的文件，因為webpack只支持js文件，所以其他類型的需要處理。1.識別對應的loader進行轉換的文件，test屬性2.轉換這些文件，能被添加到依賴圖（就是加入到打包過程中），use屬性；
插件(plugins)：插件是用來擴展新應用的，比如打包優化，壓縮，重新定義環境變量，可以處理很多的任務；
詳細介紹：
1.入口（entry屬性）:
有多種方式去定義：
只需要一個入口起點的，也就是單個入口語法：
多個入口起點的，對象語法（）
更新中。。。。。