基于 Webpack 与 Express.js 的 React 项目模板

本项目提供了一个基于 Webpack 和 Express.js 的 React 项目基础架构,用于转换和打包 ES6 React 代码。

项目使用步骤:

  1. Fork 本仓库代码。
  2. 根据您的应用程序重命名您的存储库。
  3. 执行以下命令克隆代码到本地: bash git clone https://github.com/[your-account]/[your-app].git cd [your-app] && npm i
  4. 运行 npm run dev 启动开发服务器,并开启代码热更新功能。Webpack 构建生成的资源文件将被放置在 server/public 目录下。
  5. server/public 文件夹在 Express.js 服务器中被配置为静态资源文件夹,您可以运行 npm run server 命令启动服务器。
  6. 其他组件应放置在 client/components 目录下。

其他说明:

本项目模板还提供了使用 webpack-dev-server 托管客户端代码并进行热模块替换的配置。如需使用此功能,请在一个终端中运行以下命令:

...
zip 文件大小:159.68KB