ES6模块化

如何使用node.js中的ES6模块化.
步骤 1.1  创建一个文件夹,任意命名
     1.2 启动小黑窗,初始化项目,如图
     

    2.用vs.code打开文件dome,在json文件中添加  "type": "module" ,如图
    

注意:package.json 的根节点中添加 "type": "module"之后,此文件就支持ES6模块化了,而且只能使用ES6.

创建可以两个js文件,格式如下
根目录
├── index.js              # 主页需要用到的js代码
└── tool.js               # 为整个项目提供公共方法
2.1 在tool,js文件中添加任意内容,使用 export default 默认导出的成员.
2.2 在inde.js中创建任意合法名称,使用 import 接收名称 from '模块路径
2.3 启动服务器,打印查看值,如图

注意默认导出只能有且只有一个.
当然出了固定导入导出也可以按需求特定导出.
如图

还可以与默认导出一起导出,如图

当然我们还需要在浏览器中支撑,不然很多工作无法展开,如何操作呢?

3.1 新建一个index.html文件,并引入index.js文件
3.2 在浏览器中打开 ,如图

注意,必须在script标签中添加 type="module" 属性,需要在本机地址下打开