这段时间稍微了解了下es6新规范，然后突发奇想，想尝试跑一下用ES6写的代码在浏览器中。干就干，先说说我的实现步骤（没想到有坑！）1、将ES6代码翻译成ES5；2.将翻译后的ES5导入到html文件中；3、然后在浏览器环境下运行；4.在node环境下运行；然后下面是我的一些目录结构，粗略的预览。src，es6开发目录dist，es5生产目录test，一个测试目录然后，看看我的ES6开发的一些js长什么样。file1file2apptest然后我们将dist中翻译后的文件导入html中，在浏览器中测试。因为测试中没有引入模块，所以正常执行。因为app中引入了module，而且是CommonJS规范，但是浏览器不支持这个标准，所以如果报错，我们在html中添加requireJS文件进行测试，浏览器支持AMD/命令标准。异步加载定义。但是我们发现还是会报错，提示语法不支持，或者两者冲突，因为一个是AMD，一个是CommonJS。由于我们使用node将ES6编译成ES5，node模块引用了CommonJS规范，所以ES5的语法也属于CommonJS规范，而目前的浏览器和node不支持ES6规范或者大部分不支持。解决方案查阅资料发现可以通过webpack打包工具将依赖组合成一个文件，然后导入到html中。感谢阅读，希望对您有所帮助，感谢您对本站的支持！
