关于ES6module中export和import命令

Question

1. 是看阮一峰的ES6中的演示代码
2. 

报错如下：

1. 在网上看到解答

   

2. 使用bable转成es5

   

疑问：1. 所以使用module中的必须要用module.exports和require？2.如果是按上面的方法的话不是还是将整个模块导入然后再从模块中读取特定属性，可是我看阮一峰的教程中是说只加载import的方法？

Answer 1

1. 所以使用module中的必须要用module.exports和require？

首先你是nodejs，8以上支持import-export，但要加运行参数，并且改为.mjs，详情看官网。

2.如果是按上面的方法的话不是还是将整个模块导入然后再从模块中读取特定属性，可是我看阮一峰的教程中是说只加载import的方法？

据我所知，无论require还是import都是整个模块导入，这是nodejs的require实现以及ES6的import规范，let {foo,bar} = ...只是解构语法。

参考链接MDN import

Given an object or value named myExport which has been exported from the module my-module either implicitly (because the entire module is exported) or explicitly (using the export statement), this inserts myExport into the current scope.

import {myExport} from '/modules/my-module.js';

Answer 2

import行不行不知道 但是我知道export不行
你完全可以自己尝试的 这种问题实践就知道了

Answer 3

你可以尝试着在babel环境下运行，当前的浏览器应该是还没有直接支持import、export语法的。

Answer 4

chrome 61 开始在浏览器中尝试直接支持 ES-Next的 import-export，
我这儿有一个简单的例子
https://shy2850.github.io/mus...