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

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环境下运行
原文地址:https://www.cnblogs.com/Model-Zachary/p/7263471.html