用 gulp 编译 ES6 的时候, import 编译出来的 require 到底是什么呢?

2015-12-18 09:45:22 +08:00
 firhome
装了 gulp-babel 和 babel-preset-es2015 ;

index.html 引入 es6.js

es6.js 里写了 import xxx.js

编译生成了个 require(xxx.js);

然后该方法报错。

我试着去引了 requirejs ,发现也不对。
请问正确得方式是什么?
5508 次点击
所在节点    JavaScript
6 条回复
dexbol
2015-12-18 09:52:42 +08:00
Webpack or browserify
sox
2015-12-18 09:57:21 +08:00
用一个支持 CommonJS 的 bundler
kenshinhu
2015-12-18 10:12:17 +08:00
babel-preset-es2015 不怕慢吗?我这里编译一个文件要 10s
surgit
2015-12-18 10:15:16 +08:00
@kenshinhu 确实慢,
robinlovemaggie
2015-12-18 10:18:30 +08:00
建议 webpack , babel loader 上配置 query:{stage: 0}
whwei
2015-12-18 16:28:42 +08:00
编译 es6 的不是 gulp ,是 babel 。
babel 可以将 es6 的 import 编译成不同格式,如果是 CommonJs 显然是不能直接在浏览器跑的,需要一些 bundler ( webpack , browserify )帮你处理依赖打包成能在浏览器跑的代码。

@robinlovemaggie , LZ 用的 babel 应该是 6.0 的, 6.0 已经不用 stage 了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/244379

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX