基于 Webpack 与 Express.js 的 React 项目模板
本项目提供了一个基于 Webpack 和 Express.js 的 React 项目基础架构,用于转换和打包 ES6 React 代码。
项目使用步骤:
- Fork 本仓库代码。
- 根据您的应用程序重命名您的存储库。
- 执行以下命令克隆代码到本地:
bash git clone https://github.com/[your-account]/[your-app].git cd [your-app] && npm i
- 运行
npm run dev
启动开发服务器,并开启代码热更新功能。Webpack 构建生成的资源文件将被放置在server/public
目录下。 server/public
文件夹在 Express.js 服务器中被配置为静态资源文件夹,您可以运行npm run server
命令启动服务器。- 其他组件应放置在
client/components
目录下。
其他说明:
本项目模板还提供了使用 webpack-dev-server
托管客户端代码并进行热模块替换的配置。如需使用此功能,请在一个终端中运行以下命令:
...
159.68KB
文件大小:
评论区