使用es6的import报错

Question

我想试一下es6的import引入js,但是不能用
，后来百度说要装babel
但是还不是不能用，为什么

Answer 1

这个问题我也碰到过，ES6中的import语法经过babel转换后并不能直接使用，而必须使用webpack打包之后才有效，思考之后觉得应该是ES5没有模块的概念，babel转码之后使用的是Node中的CommonJS规范，在浏览器中并不适用，而经过webpack打包之后实际是一个JS文件，就不存在模块之间相互调用的关系了，所以可以直接在浏览器中运行。补：在最新的node-v8.5.0版本中已经支持ES6的module语法