2019獨角獸企業重金招聘Python工程師標準>>>

node

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

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

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

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

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

bower

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

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

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

node.js

node.js 是一個事件驅動I/O服務端JavaScript環境，基于Google的V8引擎。目的是為了提供撰寫可擴展網絡程序，如Web服務。

npm vs bower

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

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

gulp

gulp：處理html壓縮/預處理/條件編譯，圖片壓縮，精靈圖自動合并等任務

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

webpack

webpack是模塊化管理的工具，使用webpack可實現模塊按需加載，構建js/css任務，模塊預處理，模塊打包等功能。可學習webpack入門指南。

?

整合gulp & webpack

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

轉載于:https://my.oschina.net/guoshuyun/blog/726716

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。