webpack介紹
- 代碼拆分
- loader
Webpack 本身只能處理原生的 JavaScript 模塊,但是 loader 轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成 JavaScript 模塊衔掸。這樣烫幕,任何資源都可以成為 Webpack 可以處理的模塊。 - 只能解析
webpack 有個只能解析器敞映,可以處理幾乎所有第三方庫较曼,無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件振愿。甚至在加載依賴的時候捷犹,允許使用動態(tài)表達式 require("./templates/" + name + ".jade")。 - 插件系統(tǒng)
- 快速運行
Webpack 使用異步 I/O 和多級緩存提高運行效率冕末,這使得 Webpack 能夠以令人難以置信的速度快速增量編譯萍歉。
webpack安裝
npm install webpack -g //全局安裝
通常我們安裝到自己項目本地
- 在打開的cmd中進入項目位置
- 通過
npm init
創(chuàng)建package.json
文件 - 安裝webpack
npm install webpack --save-dev
- 查看webpakc版本信息
npm info webpakc
可以看到輸出類似以下的輸出說明安裝成功
name: 'webpack',
description: 'Packs CommonJs/AMD modules for the browser....
- 要安裝指定版本的webpack
npm install webpack@版本號 --save-dev
一般安裝webpack 會安裝webpack-dev-server
webpack的服務器,可以通過本地端口調(diào)試程序