javascript - ES6 import
伊谢尔伦
伊谢尔伦 2017-04-11 12:07:43
[JavaScript讨论组]

最近在学习React ES6的写法,遇到一个问题。

src/helloworld.js

import React, {
  Component,
} from 'react';

import ReactDom from 'react-dom';

class HelloReact extends Component {
  render() {
    return (
      

Hello React

); } } ReactDom.render(, document.getElementById('example'));

index.html



  
    
    Hello React!
    
    
    
  
  
    

我用babel cli将helloworld.js转码后载入index.html。但是报错 require is not defined。

我看了下babel将src中的import转成了require。这么说难道我还要在index.html中载入require.js吗?

.babelrc

{
    "presets": [
      "es2015", "react"
    ],
    "plugins": []
  }
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
大家讲道理

js模块化有AMD,CMD,UMD,CommonJS等,你用babel转换的js文件,是将es6的import转换为了es5的CommonJS规范的require,浏览器端是不支持CommonJS的(除非用工具入browserify),可以设置转换为AMD规范的模块化写法,再用requireJS,或者你也可以使用browserify。单最好的方式是使用Webpack,Webpack支持各种模块化规范,react开发必备

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号