ES6模块化

引入模块

然后在浏览器中查看：

这是因为模块化只能在支持的环境上使用，

我现在将文件放在Apache服务器环境下来进行运行

使用时需要注意的方面：

import 可以是相对路径或者绝对路径

import同一个文件多次，也只会生效一次

 import './JS/demo.js'; 直接引入就相当于引入了一个文件

import {a} from './JS/demo.js'; 这样就相当于引入一个对象

别名：

作为整体对象引入：

export default引入

模块之间还可以互相引入

、

这些变量也可以是函数

import语句会被自动提升到script代码块顶部

如果export出去的内容如果更改了，相对应的import的内容也会更改

3s后

import动态引入

类似这种语法是不允许的

动态引入的方法 import()

import() 符合Promise规范，可以根据Promise的语法来进行使用

优点：

实现了按需加载，可以写在if中，路径也可以是动态的

也可以结合Promise.all函数来进行使用