标签：
如果现在你的项目还没有对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的特性。
最后完美的输出界面。
标签：
原文地址：http://www.cnblogs.com/yuwensong/p/5344699.html
