怎么编译react项目
使用create-react-app脚手架搭建的react项目,只需要使用npm run build命令就可以编译项目了,代码会被编译到build目录中。
一、create-react-app
来自Facebook官方的零配置命令行工具。create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板,有助于初学者快速上手实践。安装create-react-app的方式也非常简单,可以直接使用 npm 命令进行全局安装。(推荐:Node.js教程)
npm install -g create-react-app //全局安装create-react-app create-react-app my-app //创建一个my-app 文件夹 cd my-app/ //转到 my-app文件夹 npm start //运行
二、打包编译
执行完上述命令,打开本地浏览器,输入localhost:3000,就能看到项目的运行效果。此时是开发模式。
若使用npm run build,代码会被编译到build目录。将整个应用打包发布,自动使用webpack进行压缩与优化。
在项目路径下,敲npm run build,就出现了build文件夹,同时终端显示一些文字:大致意思是:已经编译好啦。
更多React相关技术文章,请访问React答疑栏目进行学习!
以上就是怎么编译react项目的详细内容,更多请关注易知道|edz.cc其它相关文章!