V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
firhome
V2EX  ›  JavaScript

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

  •  
  •   firhome · 2015-12-18 09:45:22 +08:00 · 5353 次点击
    这是一个创建于 3045 天前的主题,其中的信息可能已经有所发展或是发生改变。
    装了 gulp-babel 和 babel-preset-es2015 ;

    index.html 引入 es6.js

    es6.js 里写了 import xxx.js

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

    然后该方法报错。

    我试着去引了 requirejs ,发现也不对。
    请问正确得方式是什么?
    6 条回复    2015-12-18 16:28:42 +08:00
    dexbol
        1
    dexbol  
       2015-12-18 09:52:42 +08:00 via Android
    Webpack or browserify
    sox
        2
    sox  
       2015-12-18 09:57:21 +08:00
    用一个支持 CommonJS 的 bundler
    kenshinhu
        3
    kenshinhu  
       2015-12-18 10:12:17 +08:00
    babel-preset-es2015 不怕慢吗?我这里编译一个文件要 10s
    surgit
        4
    surgit  
       2015-12-18 10:15:16 +08:00
    @kenshinhu 确实慢,
    robinlovemaggie
        5
    robinlovemaggie  
       2015-12-18 10:18:30 +08:00
    建议 webpack , babel loader 上配置 query:{stage: 0}
    whwei
        6
    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 了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4056 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 05:20 · PVG 13:20 · LAX 22:20 · JFK 01:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.