webpack是當(dāng)前前端最熱門的前端資源模塊化管理和打包工具。
安裝webpack
首先要安裝Node.js疮绷,Node.js自帶了軟件包管理工具npm迫横,可以使用npm安裝各種插件。Webpack至少需要Node.js v0.6版本,直接安裝最新版就好了口猜。
1.nodeJs官網(wǎng),像安裝其他軟件一樣透揣,選擇最新的包進(jìn)行安裝即可济炎;
2.安裝完成后,window用戶辐真,按住 微軟徽標(biāo)+R 须尚,打開運(yùn)行,輸入cmd侍咱,打開命令行耐床;
3.輸入
node -v,查看當(dāng)前nodeJs版本
4.輸入?
npm install webpack -g (-g表示global全局安裝)
C:\Users\...\npm\webpack 為全局webpack所在的文件夾路徑撩轰;
5.輸入
webpack -h ,可以進(jìn)入webpack的幫助界面
6.雖然已經(jīng)全局安裝了webpack 昧廷,但是我們通常還是會(huì)在項(xiàng)目中安裝局部的webpack堪嫂,為了安裝各自需要的模塊;
7.首先cd 到項(xiàng)目目錄木柬,可以鼠標(biāo)將目標(biāo)文件夾拖拽到命令窗口
8.如果沒有packjson.json 皆串,則使用npm init 命令創(chuàng)建,packjson.json用來(lái)展示依賴資源包的列表等信息眉枕,為了方便維護(hù)恶复,最好創(chuàng)建此文件
Package.json 屬性說(shuō)明
name- 包名。
version- 包的版本號(hào)速挑。
description- 包的描述寂玲。
homepage- 包的官網(wǎng) url 。
author- 包的作者姓名梗摇。
contributors- 包的其他貢獻(xiàn)者姓名。
dependencies- 依賴包列表想许。如果依賴包沒有安裝伶授,npm 會(huì)自動(dòng)將依賴包安裝在 node_module 目錄下。
repository- 包代碼存放的地方的類型流纹,可以是 git 或 svn糜烹,git 可在 Github 上。
main- main 字段是一個(gè)模塊ID漱凝,它是一個(gè)指向你程序的主要項(xiàng)目疮蹦。就是說(shuō),如果你包的名字叫 express茸炒,然后用戶安裝它愕乎,然后require("express")阵苇。
keywords- 關(guān)鍵字
9.接下來(lái)感论,局部安裝webpack?
輸入命令:npm install webpack --save-dev
10.如果你想安裝指定版本的webpack 绅项,輸入命令
?npm install webpack@2.2.x --save-dev
11.如果需要使用 Webpack 開發(fā)工具,要單獨(dú)安裝:
npm install webpack-dev-server --save-dev