我想将ES2016的功能用于我的前端开发。特别是import
和decorators
对我来说很有意思。
我已经开始了一个小型测试项目并使用import
包含的类创建了一些不同的文件。 Babel生成正确的文件但包含require
语句,该语句在浏览器中不起作用(据我所知)。
是否有任何好的工具可以将所有文件连接到按需要排序的单个javascript文件中?或者一些gulp的图书馆为我做这个?
答案 0 :(得分:3)
您收到错误是因为import turtle
wn = turtle.Screen()
wn.bgcolor("Blue")
house = turtle.Turtle()
house.color("Yellow")
house.pensize(5)
house.speed(1)
angles = [45, 135, 135, 135, 45, 90, 45, 90]
lengths = [141, 100, 141, 100, 71, 71, 100, 100]
for i in range(len(angles))
house.left(angles[i])
house.forward(lengths[i])
wn.mainloop()
yellowHouse()
将Babel
代码转换为ES2016
格式,浏览器不支持该格式。您需要一些模块捆绑器来创建可在浏览器中使用的捆绑包:
CommonJS
示例
gulp