1.全局安装React官方出的脚手架工具,如果以前安装过,此步骤可以省略:
npm install -g create-react-app
2.创建你的项目:例如创建目录为D:/project
mkdir project //创建project文件夹
create-react-app react-project //用脚手架创建react-project 项目
cd react-project //等创建完成后,进入项目目录
npm start //预览项目,如果能正常打开,说明项目创建成功
3.预览启动项目:
经过上面2个步骤,进本搭建完成了,可以启动下项目进行预览
npm start
4.你会发现是不是少了一个很重要的webpack.config.js文件呢?
官方文档提示:默认配置文件都是隐藏的,点开package.json文件,可看到配置的命令是以 “react-scripts *” 来执行,所以打开node_modules文件夹,找到react-scripts文件夹进去, config目录即是你需要找的webpack的配置文件。如果要自定义,**运行npm run eject,**就可以看到生成一个config目录里面即是我们想要的配置文件
后续步骤手把手教你搭建,可以关注我的后面文章。
如何从零搭建react项目,为什么create-react-app没有webpack.config.js文件
最新推荐文章于 2024-11-23 20:56:58 发布