webpack介紹
- 代碼拆分
- loader
Webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉換器可以將各種類型的資源轉換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。 - 只能解析
webpack 有個只能解析器，可以處理幾乎所有第三方庫，無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴的時候，允許使用動態表達式 require("./templates/" + name + ".jade")。 - 插件系統
- 快速運行
Webpack 使用異步 I/O 和多級緩存提高運行效率，這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。
webpack安裝
npm install webpack -g //全局安裝
通常我們安裝到自己項目本地
- 在打開的cmd中進入項目位置
- 通過
npm init創建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的服務器，可以通過本地端口調試程序
