一.环境搭建(这个环境自动编译es6语法,并且页面自动会刷新)
1.执行下面三条命名(采用的是ssh安装)
git clone git@github.com:huanggengzhong/es6-webpack.git
cnpm i
cnpm i webpack -g
cnpm i webpack-dev-server -g
npm start
安装成功后,自动会打开如下页面:
测试es6模块语法:
上述代码浏览器自动打印:
二.export和import模块语法
在ES6标准中,javascript原生支持module了。将不同功能的代码分别写在不同文件中,各模块只需导出(export)公共接口部分,然后在需要使用的地方通过模块的导入(import)就可以了.
案例:
1.上面可以看出,export命令除了输出变量,还可以输出函数,甚至是类;
2.修改变量名:此时我们不喜欢type这个变量名,因为它有可能重名,所以我们需要修改一下它的变量名。在es6中可以用as实现一键换名。
代码演示如下:
//index.js
import animal, {
say, type