webpack简介
webpack是一个module bundler(模块构建工具),可以帮助打包、编译、和管理项目需要的众多资源文件和依赖库。
webpack可以支持amd,es6,commonJS模块,且兼容多种js规范,并可以压缩图片,对css、js文件进行语法检查、压缩、编译打包。
与上一篇截图步骤说明一致
安装步骤:
- 全局安装webpack
npm install webpack -g - 全局安装webpack-cli
npm install webpack-cli -g
webpack特点:
1. 可以用于单页应用(SPA),single page web application
2. 同时支持require()和import模块语法
3. 允许非常前沿的code spliting(代码分割)特性
4. 热加载,可以让React、vue.js和其他类似框架本地开发更快
5. 目前最受欢迎的构建工具
webpack缺点:
1.不适合web开发初学者
2.对css、图片、和其他非js资源文件时,需要先混淆处理
3.文档不够完善
4.变化大,不同版本的使用方法存在较大差异