推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
firhome

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

  •  
  •   firhome · Dec 18, 2015 · 6133 views
    This topic created in 3825 days ago, the information mentioned may be changed or developed.
    装了 gulp-babel 和 babel-preset-es2015 ;

    index.html 引入 es6.js

    es6.js 里写了 import xxx.js

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

    然后该方法报错。

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

    @robinlovemaggie , LZ 用的 babel 应该是 6.0 的, 6.0 已经不用 stage 了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3145 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 13:38 · PVG 21:38 · LAX 06:38 · JFK 09:38
    ♥ Do have faith in what you're doing.