博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack window 添加ES6支出
阅读量:5822 次
发布时间:2019-06-18

本文共 1142 字,大约阅读时间需要 3 分钟。

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:张轩
链接:http://zhuanlan.zhihu.com/p/20367175
来源:知乎

如果现在你的项目还没有对ES6的语法支持,那就有点没有逼格了,其实大家都知道这个也很简单,因为我们有伟大的

首先 装各种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的特性,具体的情况看这个链接。

现在我们可以改掉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('

promise result is ' + number + ' now is ' + moment().format() + '

'); }); app.innerHTML = '

Hello World it

'; document.body.appendChild(app); app.appendChild(generateText());

我们上面测试了import, export,const,let,promise等一系列es6的特性。

最后完美的输出界面。

npm install babel-loader babel-preset-es2015 --save-dev
 

转载于:https://www.cnblogs.com/yuwensong/p/5344699.html

你可能感兴趣的文章
C++ 0X 新特性实例(比较常用的) (转)
查看>>
node生成自定义命令(yargs/commander)
查看>>
各种非算法模板
查看>>
node-express项目的搭建并通过mongoose操作MongoDB实现增删改查分页排序(四)
查看>>
如何创建Servlet
查看>>
.NET 设计规范--.NET约定、惯用法与模式-2.框架设计基础
查看>>
win7 64位+Oracle 11g 64位下使用 PL/SQL Developer 的解决办法
查看>>
BZOJ1997:[HNOI2010]PLANAR——题解
查看>>
BZOJ1014:[JSOI2008]火星人prefix——题解
查看>>
使用Unity3D引擎开发赛车游戏
查看>>
HTML5新手入门指南
查看>>
opennebula 开发记录
查看>>
ubuntu 修改hostname
查看>>
sql 内联,左联,右联,全联
查看>>
C++关于字符串的处理
查看>>
6、Web Service-拦截器
查看>>
Flask 源码流程,上下文管理
查看>>
stream classdesc serialVersionUID = -7218828885279815404, local class serialVersionUID = 1.
查看>>
ZAB与Paxos算法的联系与区别
查看>>
java 读取本地的json文件
查看>>