前端模块化概念及工具的对应

require是commonjs规范，是node的写法，webpack帮你做了语法转换，不单单是webpack可以做这事，gulp-browsers，requirejs一样可以

Node是commonjs规范,用require导入js模块,通过webpack等构建工具把require的js包注入到页面上,import是ES6/7的语法,如果浏览器支持,理论上不用构建工具就可以当作模块导入

npm→bower  包管理

webpack→browserify 模块化引入

gulp→grunt/fis 前端自动流

ruquire→commonjs规范,node的写法 

requirejs→seajs  requirejs是AMD提前执行,seajs是cmd他推崇延迟执行，这两个的目的都是为了实现浏览器端的模块化输出

import→ES6写法，高版本谷歌浏览器可以识别,现在一般是用babel转换，然后用webpack/browserify转换在引入到浏览器中使用，只是打印直接node xxx.js即可，在node环境下运行