javascript - ES6 Module的使用疑问◔ ‸◔?
黄舟
黄舟 2017-04-11 11:29:13
0
4
293

目前浏览器还不支持ES6的很多新特性,可以使用转码器将代码转换成ES5使用。
转码器有很多:Babel、Rollup、Traceur、transpiler等,我目前使用的是Babel。
以上是我目前知道的。
在转换Module相关文件的时候,遇到个问题,浏览器提示:

测试代码:

通过Babel转换后的文件:

https://segmentfault.com/a/11...
这篇文章在说道ES6模块的时候,说道:

像 Babel、Traceur 这样的转译器可以将 ES6 代码预编译为当前浏览器可以处理的 ES5 代码;但这些 ES5 代码需要被包裹在异步语法中,然后使用 RequireJS、Browserify 或 SystemJS 这样的脚本加载器处理。

请问大家:
是不是像这篇文章所说,ES6中的Module转换成ES5后必须结合RequireJS等这类加载器才能正常的在浏览器端使用?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回覆 (4)
Peter_Zhu

我是使用的webpack,它会把模块合并后包裹起来(也可以支持外部包裹),就可以不需要使用requirejs了,这个算是现在的趋势了。
gulp和webpack没有冲突,可以使用gulp-webpack让gulp的任务使用webpack进行打包。

    小葫芦

    node好像默认只可以使用require,即使引入也不支持import和export
    引入npm install -D babel-polyfill试试

      阿神

      babel只是将 es5 module 转换在commonjs标准的,nodejs环境可以直接运行,要在浏览器运行需要用webpack打包一下

        PHPzhong

        先转换再使用
        可以用webpack试试

          最新下載
          更多>
          網站特效
          網站源碼
          網站素材
          前端模板
          關於我們 免責聲明 Sitemap
          PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!