使用Webpack构建React开发环境详细指南

第一部分:环境初始化

项目初始化

1. 执行 npm init -y 初始化项目。

2. 安装 Webpack: npm i webpack

3. 安装 React 和 ReactDOM: npm i react react-dom -s

第二部分:项目结构

入口文件 (src/index.js):

import React from 'react';
import { render } from 'react-dom';
import App from './App';

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

主组件 (src/App.js):

import React, { Component } from 'react';

class App extends Component {
  render() {
    return 
Hello, React!
; } } export default App;
pdf 文件大小:27.01KB