使用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;
27.01KB
文件大小:
评论区