进口前端开发

时间:2017-07-30 09:04:06

标签: javascript gulp babeljs ecmascript-7

我想将ES2016的功能用于我的前端开发。特别是importdecorators对我来说很有意思。

我已经开始了一个小型测试项目并使用import包含的类创建了一些不同的文件。 Babel生成正确的文件但包含require语句,该语句在浏览器中不起作用(据我所知)。

是否有任何好的工具可以将所有文件连接到按需要排序的单个javascript文件中?或者一些gulp的图书馆为我做这个?

1 个答案:

答案 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格式,浏览器不支持该格式。您需要一些模块捆绑器来创建可在浏览器中使用的捆绑包:

  • Browserify
  • Webpack
  • 汇总

使用gulp-rollup

构建CommonJS示例
gulp