webpack初體驗

本人菜鳥一枚，最近一直在研究webpack的使用，記錄下本身的學習體會，因爲網上關於webpack的資源（技術博客）太多，對於初學webpack的新手來講，看着五花八門的技術博客，真是頭暈眼花（多是列舉的示例太深奧，一時沒法理解），入了不少的坑，建議仍是從技術文檔看起，裏面的例子都是相對簡單易懂的，連接：http://webpackdoc.com/install.html

至於什麼是webpack，網上有不少文章都有詳細的解釋：http://www.cnblogs.com/vajoy/p/4650467.html

下面就詳細的寫下學習webpack的體會與心得（本人是webpack新手，有什麼寫的不對的地方，望各位前輩多多提出指正）

一：安裝配置

首先要安裝 Node.js， Node.js 自帶了軟件包管理器 npm,npm是一個很強大的功能，安裝編譯webpack，glup等都須要用到它。

用 npm 安裝 Webpack：

在cmd命令行輸入：

npm install webpack -g

此時 Webpack 已經安裝到了全局環境下，能夠經過命令行 webpack -h 試試。

接下來的步驟文檔中是這樣寫的：

一般咱們會將 Webpack 安裝到項目的依賴中，這樣就可使用項目本地版本的 Webpack。

# 進入項目目錄
# 肯定已經有 package.json，沒有就經過 npm init 建立
# 安裝 webpack 依賴
$ npm install webpack --save-dev

文檔中的步驟說得挺詳細的，看過不少技術博客，有不少都在這一步驟說明得不是很詳細，容易誤導新手（本人就所以入了很多的坑）。

這裏我在這裏解釋下：

1.進入項目目錄：

前提是你建立了本身的項目文件夾，如在D盤建立了一個webpackdemo文件做爲本身的項目文件夾。如何進入項目呢？着仍是靠cdm命令行來進行，如上建立一個文件夾，你的項目文件目錄是:D/webpackdemo,那麼須要在cmd中經過命令行找到項目目錄。運行cmd,輸入："d:"回車，這樣就進入了你手中的電腦D盤目錄，再輸入"cd webpackdemo",回車就找到了剛建立的項目目錄。一切都是以項目目錄爲基石，編譯打包項目代碼的。

未完待續......