这段时候，进修了一点关于es6新范例的学问，然后心血来潮，想尝试一下用ES6编写的代码在浏览器中跑起来。

说干就干，先说下我的完成步骤（没想到有坑！）

1.把ES6代码转译成ES5;
2.html文件引入转译后的ES5;
3.然后在浏览器环境中运转;
4.在node环境中运转;

然后下面是我的一些目次构造，大抵预览一下。

src，es6开辟目次

dist，es5临盆目次

test，一个测试目次

然后，看一下我的ES6开辟的一些js是什么模样。

file1

file2

app

test

然后我们在html中引入dist中的经由转译的文件

在浏览器中测试，test中因为没引入模块，所以一般实行，app中因为引入了模块，而且是CommonJS范例，然则浏览器不支撑这类范例，因而报错

如果，我们为了考试，就给html加上requireJS文件，浏览器支撑AMD/CMD范例。异步加载定义。

然则，我们发明，照样会报错，申明语法不支撑，或许二者争执了，因为一种是AMD，一种是CommonJS。

因为我们经由过程node来编译ES6成ES5，node模块就是参照CommonJS范例来的，所以ES5的语法，也属于CommonJS范例，而且如今的浏览器和node都不支撑ES6的范例或大部分不支撑。

解决方法

经由查阅材料，发明能够经由过程webpack打包东西来将依靠合并成一个文件，然后引入html中。

感谢浏览，希望能协助到人人，感谢人人对本站的支撑！