你对这个回答嘚评价是
你对这个回答嘚评价是
ES6之前已经出现了js模块加载的方案最主要的是CommonJS和AMD规范。commonjs主要应用于服务器实现同步加载,如nodejsAMD规范应用于浏览器,如require importjs为异步加载。同时还有CMD规范为同步加载方案如seaJS。
ES6在语言规格的层面上实现了模块功能,而且实现得相当简单完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案
export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口
import用于在一个模块中加载另一个含有export接口的模块。
也就是说使用export
命令定義了模块的对外接口以后其他JS文件就可以通过import
命令加载这个模块(文件)。如下图(假设a和b文件在同一目录下)
然后想在浏览器运行一下但是不行哦
然后打开node自带的命令行,输入如下命令全局安装webpack工具
接着通过命令行工具定位到你的工程文件的根目录下, 再次安装webpack到你的工程中
安装相应的包就用通用的方法喽:
使用命令行工具定位到项目的根目录下, 然后输叺如下指令
等待一会儿就会发现工程文件的目录下多了一个dist文件夹, 里面放着的就是打包好了的bundle.js文件, 在HTML文件中通过下面的代码引入js文件
最后咑开F12:会发现打印出了导入的姓名年龄和方法。