js无法单独使用 import 和 export 的解决办法

环境

想随便写一点儿小东西，但是又不想构建一个webpack项目(主要是麻烦)。需要使用的es6的import以及export语法，主要是为了写作过程中将一些函数，或者固定功能的模块抽取出来单独处理，方便自己理清楚逻辑等等

准备

1.查看自己的浏览器兼容性
	总之越新越好，查询地址https://www.caniuse.com/#search=import
2.在主文件的地方添加 type="module" 标识
	<script type="module" src="main.js"></script>
	注意:import的时候记得路径写全，因为没有webpack去帮你自动找
3.需要单独启一个服务
	简单的服务器即可，vscode插件live Sever，node简单服务器，ngix等等即可。

效果