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的服务器,可以通过本地端口调试程序