webpack

自动将代码打包发送到浏览器端，用新的模块替换旧的模块，实现局部更新而不是整体刷新，可以保存应用的状态，提高开发效率。

webpack-dev-server

webpack模块

1、是离散功能块
2、作用：接触面更小，检验调试更容易，使得每个模块都有明确的任务和作用
3、模块化的语句：es2015的import，commonjs的require语句，amd的define和require语句，css

commonjs

是什么：
1、是js模块化规范
流行：
2、得益于nodejs采用这种规范，通过npm发布的很多第三方模块都采用了 commonjs
语法：
3、导入：require（），导出module.exports=modules.fun
缺点
1、无法直接运行在浏览器下

const fs = require('fs');
const path = require('path');
const paths = require('./paths');
module.exports = getClientEnvironment;

AMD

不同
1、采用异步加载依赖模块
优点
1、可以在浏览器和nodejs环境下运行
2、异步并行

es6模块化

缺点
1、需要转换为es5
语法
1、export var s=1 直接在声明之前