著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：张轩链接：http:/...
著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：张轩
链接：http://zhuanlan.zhihu.com/p/20367175
来源：知乎
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：张轩
链接：http://zhuanlan.zhihu.com/p/20367175
来源：知乎
如果现在你的项目还没有对ES6的语法支持，那就有点没有逼格了，其实大家都知道这个也很简单，因为我们有伟大的Babel
首先 装各种loader
npm install babel-loader babel-preset-es2015 --save-dev配置我们的config文件
... { test: /.jsx?$/, loader: 'babel', include: APP_PATH, query: { presets: ['es2015'] } },...es2015这个参数是babel的plugin，可以支持各种最新的es6的特性，具体的情况看这个链接。 Babel es2015 plugin
现在我们可以改掉CommonJS风格的文件了。
sub.js
export default function() { var element = document.createElement('h2'); element.innerHTML = "Hello h2 world hahaha"; return element;}index.js
import './main.scss';import generateText from './sub';import $ from 'jquery';import moment from 'moment';let app = document.createElement('div');const myPromise = Promise.resolve(42);myPromise.then((number) => { $('body').append('<p>promise result is ' + number + ' now is ' + moment().format() + '</p>');});app.innerHTML = '<h1>Hello World it</h1>';document.body.appendChild(app);app.appendChild(generateText());我们上面测试了import, export，const，let，promise等一系列es6的特性。
最后完美的输出界面。
npm install babel-loader babel-preset-es2015 --save-dev
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
上一篇：springboot启动原理 下一篇：[算法]桶排序
