前端程序員挠铲，多數(shù)都先裝個npm（node package manager）西雀，npm跟javaweb的maven差不多磺送，可以很方便的把需要的包引進來车份。跟maven遠程倉庫相似谋减，npm也有：https://www.npmjs.com/
一、安裝NPM
安裝了nodejs扫沼，就附帶了npm出爹，并且會自動設(shè)置好環(huán)境變量。地址百度就好缎除。我這里是windows系統(tǒng)严就，安裝在自定義目錄。一開始還不會玩器罐，所以在百度找別人的技術(shù)博學(xué)習(xí)梢为，說是讓新建一個node_global、node_cache文件夾技矮。一個是用來存放下載下來的包作為全局使用抖誉，一個是緩存
cmd中敲npm -v 看看版本，有顯示版本就說明安裝成功啦衰倦。
確認安裝后袒炉，運行下面兩條命令設(shè)置全局包存放位置和緩存位置，記得換成自己的地址樊零。
npm config set prefix "E:\CODING\language\nodejs\node_global"
npm config set cache "E:\CODING\language\nodejs\node_cache"
二我磁、使用NPM下載包
這里就以webpack為例子，包可以下載到全局或者項目中驻襟。建議webpack這種工具裝在全局node_global中夺艰，寫代碼要用的包就寫一個項目下載一次到項目目錄了，也不嫌麻煩沉衣，不然打包后就找不到包在哪兒了郁副。敲圖中的命令下載， --save-dev是
1.首先CMD進入項目文件夾中豌习，輸入npm init創(chuàng)建 package.json存谎。一路回車過去。畢竟我還不清楚每一個數(shù)據(jù)都是干什么用的肥隆。
2.下載包
在項目中既荚，輸入命令 npm install --save-dev webpack，就會開始下載了栋艳。
如果下載到全局目錄就輸入npm install? webpack -g恰聘；-g表示全局目錄
然后看看文件夾多了什么。一個node_modules文件夾，里面還有還多與webpack相關(guān)的依賴和webpack本體晴叨。
下載到全局目錄的要配置環(huán)境變量凿宾，才能使用。
三兼蕊、使用webpack
首先測試一下是否已經(jīng)裝好并且能使用webpack
準備好要打包的JS代碼和目錄結(jié)構(gòu)菌湃，其中l(wèi)odash和moment包也是用npm下載到項目的node_modules中。lodash的uniq方法的作用是數(shù)組除重遍略。
先使用未打包的js試一試，顯示錯誤骤坐。原因查了一下绪杏，可能是瀏覽器不支持某令牌？
現(xiàn)在是時候展示真正的技術(shù)啦纽绍，打開index.html里面引入JS的標簽蕾久，然后在項目目錄里，敲如下代碼拌夏。
webpack app.js -o app.bundle.js
再重新打開瀏覽器訪問僧著，神奇的事情就發(fā)生啦，當(dāng)當(dāng)當(dāng)當(dāng)障簿。
