package.json詳解

一、scripts字段

　　相似於快捷鍵，把一個複雜的命令起個簡單的名字

　　當咱們在命令窗口使用：npm run 簡名，就至關於運行了其表明的複雜命令

二、dependencies字段，devDependencies字段

　　dependencies指定項目運行所依賴的模塊，devDependencies指定項目開發所須要的模塊

　　版本號"~3.3.7"  表明安裝3.3.x系列的最新版本，不安裝4.x.x系列的版本

　　版本號"^3.3.7"  表明安裝3.x.x系列的最新版本，不安裝4.x.x系列的版本

　　版本號"3.3.7"    表明安裝固定的3.3.7這個版本

三、main字段，指定加載的入口文件

四、模塊加載器（npm install xxx-loader --save-dev）

　　babel是能把es6內容轉化爲es5內容的工具

　　css-loader   處理css文件

　　style-loader 處理css樣式文件

　　html-loader  處理html文件

　　（webpack默認只能打包js文件，對於CSS或其餘文件打包若有報錯，則說明須要安裝對應的加載器才能支持webpack打包）

　　webpack-dev-server 是一個輕量級的服務，功能修改代碼及時呈現到瀏覽器上，安裝命令：npm install webpack-dev-server -g