React工程构建

86 阅读 0 评论 57 点赞

我是靠谱客的博主傻傻魔镜，最近开发中收集的这篇文章主要介绍React工程构建，觉得挺不错的，现在分享给大家，希望可以做个参考。

此外还可以自己搭建react框架（这里建议大家可以安装一个webStorm开发工具）

一般分为以下几步

1. 新建空白工程reactDemo

2. 初始化项目：在项目目录控制台输入npm init 命令初始化package.json文件；这个文件是一个类似于pom.xml的文件，用来描述需要的依赖库。

3. 下载webpack插件

4. 新建配置文件webpack.config.js文件，添加配置信息

5. 新建.babelrc文件，配置babel插件的信息以完成转码功能

6. 新建.eslintrc文件配置js相关规范

7. 新建server.js文件配置工程启动程序

8. 修改package.json文件，配置启动程序

9. 创建src/js/helloworld.js 10.创建工程入口文件src/js/entry.js

11.在项目目录下创建index.html

12.在控制台运行npm run start,在浏览器上输入http://localhost:3000/即可看到结果

以上就是傻傻魔镜为你收集整理的React工程构建的全部内容，希望文章能够帮你解决React工程构建所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。