本文介绍了在没有webpack的情况下，如何手动处理JavaScript文件导入的不便，以及ES6语法在不同浏览器中的兼容性问题。通过CommonJS的`require`和ES6的`import`来说明模块导入。重点讲解了使用npm安装babel解决ES6语法兼容性，包括创建`.babelrc`配置文件，安装相关依赖，并在`package.json`中设置编译脚本，实现源代码实时监听和转换到ES5的过程。
没有webpack之前，搜索真个node_modules目录来定位每个包的路径，再手动添加到html中，如下：
这样很不方便。
大多数编程语言都会提供从一个文件导入另一个文件代码的机制，javaScript 初期没有这个特性，所以初期组织多个文件的javaScript代码就是把每个文件下载下来。变量是全局共享的
导入有以下三种方式：
CommonJs中很大的一部分便是对模块系统的规范
使用require语句导入包
ES6使用import导入
先用require在js文件中导入其他js文件。例如：const a=requier(‘jquery’); 自己会在node_modules目录中找对应的jquery.min.js文件，这样就可以通过 a变量来使用jquery中的东西了。
require好还可以这么用：
146
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
