如何将React JS index.js文件与index.html联系以获取id引用？

我最近开始反应.

我的index.html包含

和index.js包含

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
  ,
  document.getElementById('root')
);

我的疑问是我没有index.js在任何脚本标签中提及index.html.但它是如何引用rootdiv元素的index.html呢？我想知道它工作正常.请解释一下.

我已经运行这些命令来创建应用程序

npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start

Aftab Khan.. 111

Create-React-App 是非常有趣的设置.

我从package.jsonnpm脚本开始挖掘start

"开始":"react-scripts启动"

这将我带到他们的二进制文件react-scripts,node_modules/.bin
我将在这里发布相关的东西.

switch (script) {
  case 'build':
  case 'eject':
  case 'start':
  case 'test': {
    const result = spawn.sync(
      'node',
      [require.resolve('../scripts/' + script)].concat(args),
      { stdio: 'inherit' }
    );

所以这告诉我他们正在寻找../scripts/文件夹内的脚本.

所以我转到react-scripts npm模块(node_modules/react-scripts)并打开node_modules/react-scripts/scripts/start.js文件,因为我正在做npm start.

现在我在这里找到了我正在寻找的webpack配置.
他们特指node_modules/react-scripts/config/webpack.config.dev.js.我会在这里发布相关内容.

entry: [
  // Finally, this is your app's code:
  paths.appIndexJs,
],
plugins: [
  // Generates an `index.html` file with the 




















    


    

        

            
            

                
                    
                
            

            

                跟我搞对象吧            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    ajax
                
                                

                    bootstrap
                
                                

                    chart
                
                                

                    chrome
                
                                

                    css
                
                                

                    css3
                
                                

                    firebug
                
                                

                    firefox
                
                                

                    html
                
                                

                    html5
                
                                

                    javascript
                
                                

                    jquery
                
                                

                    json
                
                                

                    node.js
                
                                

                    npm
                
                                

                    postman
                
                                

                    vue.js
                
                                

                    webkit
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1django每周每月一次的方式对查询元素进行排序
                
                                

                    2针对多个Java版本进行测试的最佳方法
                
                                

                    3可以在C++中使用C标准库中的函数吗？
                
                                

                    4按R中csv中的值选择行,并将它们保存在新的csv文件中
                
                                

                    5如何在单元测试时测试绑定函数的相等性？
                
                                

                    6Laravel 5.1更新数据透视表列而不删除现有记录
                
                                

                    7如何在php中获取特定的数组值
                
                                

                    8SQL min函数
                
                                

                    9内容和标题不会显示在Wordpress的某些页面上
                
                                

                    10如何在drawableLeft中设置图像的宽度和高度
                
                                

                    11如何在c#.net中将结构转换为Byte数组,但仅在运行时定义结构大小
                
                                

                    12如何从ajax php函数提醒框
                
                                

                    13与Vuejs的Moment.js
                
                                

                    14EF + AutoFac + async"连接的当前状态正在连接"
                
                                

                    15dnxcore50与dnx451的性能比较？(CoreClr与.net Framework)
                
                                

                    16AngularJS"垂直"ng重复
                
                                

                    17Laravel 5.1是否与PHP 7兼容
                
                                

                    18雄辩的ORM laravel 5获取ID数组
                
                                

                    19ImageIO.read无法读取ByteArrayInputStream(图像处理)
                
                                

                    20将列表解压缩到变量