2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

node

node模塊管理是通過NPM（即 Node Package Manage，是 NodeJS 模塊管理工具）來處理各模塊之間的依賴。NPM按樹狀結(jié)構(gòu)來管理的，支持某模塊的不同版本。

[前提是本機(jī)已安裝node、git環(huán)境]，配置好某項(xiàng)目的npm配置文件package.json后，在當(dāng)前項(xiàng)目目錄下用命令npm install 或npm install --save-dev安裝即可，自動(dòng)將package.json中的模塊安裝到node-modules文件夾下。

*使用npm安裝一些包緩慢或安裝失敗，建議使用淘寶鏡像。

鏡像使用方法（三種辦法任意一種都能解決問題，建議使用第三種，將配置寫死，下次用的時(shí)候配置還在）:
1.通過config命令
npm config set registry https://registry.npm.taobao.org?
npm info underscore （如果上面配置正確這個(gè)命令會(huì)有字符串response）
2.命令行指定
npm --registry https://registry.npm.taobao.org info underscore?
3.編輯 ~/.npmrc 加入下面內(nèi)容
registry = https://registry.npm.taobao.org

搜索鏡像: https://npm.taobao.org
建立或使用鏡像,參考: https://github.com/cnpm/cnpmjs.org

bower

bower是使用nodejs開發(fā)，用于web包管理。web包通常認(rèn)為由html+css+javascript構(gòu)成。如果越來越多得開源項(xiàng)目都托管在github上，bower只需要將github上項(xiàng)目加上一個(gè)配置文件既可以使用bower方式使用安裝包。作為包管理，bower能提供添加新web包，更新web包，刪除web包，發(fā)布web包功能，管理包依賴。

bower是通過npm安裝和管理的：npm install -g bower?

配置好某項(xiàng)目的bower配置文件bower.json后，在當(dāng)前項(xiàng)目目錄下用命令bower install安裝即可，自動(dòng)將bower.json中的模塊安裝到bower-components文件夾下。

node.js

node.js 是一個(gè)事件驅(qū)動(dòng)I/O服務(wù)端JavaScript環(huán)境，基于Google的V8引擎。目的是為了提供撰寫可擴(kuò)展網(wǎng)絡(luò)程序，如Web服務(wù)。

npm vs bower

npm是用來下載安裝node js的第三方工具包，也可以用來發(fā)布你自己開發(fā)的工具包。

bower是一個(gè)web包管理的工具，管理一些js庫，比如說jquery，bootstrap等。通過bower，你就不用自己去找jQuery文件了，通過配置文件就可以自動(dòng)完成了。

gulp

gulp：處理html壓縮/預(yù)處理/條件編譯，圖片壓縮，精靈圖自動(dòng)合并等任務(wù)

gulpfile.js：gulp的配置文件，引入了所有的gulp子任務(wù)。參見gulp 入門

webpack

webpack是模塊化管理的工具，使用webpack可實(shí)現(xiàn)模塊按需加載，構(gòu)建js/css任務(wù)，模塊預(yù)處理，模塊打包等功能。可學(xué)習(xí)webpack入門指南。

?

整合gulp & webpack

webpack是眾多gulp子任務(wù)中比較復(fù)雜的部分，主要對JS/CSS進(jìn)行相關(guān)處理。
包括：模塊分析、按需加載、JS代碼壓縮合并、抽離公共模塊、SourceMap、PostCSS、CSS代碼壓縮等等...

轉(zhuǎn)載于:https://my.oschina.net/guoshuyun/blog/726716

總結(jié)

以上是生活随笔為你收集整理的node+bower+gulp+webpack初见的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。