接上一篇的內容繼續(xù)來說,背景篇的內容主要是介紹web前端工具的出現(xiàn)的原因和當前主要JavaScript模塊化編程的幾種規(guī)范!這篇內容主要介紹webpack的初級使用!
注意:目前webpack分為兩個版本:1.x 和2.x這兩個版的對應配置方式也是不一樣的,我目前只使用過1.X的版本。下面例子中所有配置的都是1.x的
這里先上一張webpack官方的圖
官方對于webpack的解釋:webpack is a module bundler(webpack就是一個模塊打包機)。它就是分析你當前項目的結構把項目中用的瀏覽器不能理解的東西(SCSS , jade, Typescript等),按照合適的方式打包并把它翻譯成瀏覽器可以理解的 css和js。在webpack中一切都是模塊(圖片、CSS也是)。
安裝
注意: 這里使用的環(huán)境為windows下!
webpack是依賴于Node.js的,這就是說,再安裝webpack之前,你的電腦上要先安裝Node.js(且版本不能低于0.6以上),我們去官網上下載一個,一路next即可!
安裝好之后我們在CMD中輸入 node -v,來檢查一下當前的版本以及是否安裝成功:
C:\Users\zhang>node -v v7.2.0
接下來,還要說一個東西就是npm(Node package manager)即Node的包管理工具。相當于VS中的Nuget(java中的mav