编译生产环境的 React 应用

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

用 create-react-app 创建的应用里面,打开 package.json .. 在 scripts 这里定义了一些 npm 命令 .. 之前我们用过 start 这个命令 ... 它会生成一个本地服务器,可以运行你的应用 ..

这里还有一个 build 命令,它可以编译生成优化以后的应用,你可以把编译好的应用用在生产环境上 .. 在命令行的下面,执行一下:

npm run build

这里会提示 Creating an optimized production build... Compiled successfully. 为生产环境生成优化的应用,编译成功 ..

编译好的应用会放在项目的 build 目录的下面 ..

static 里面是应用需要的 css,js 还有一些媒体文件 ..

我们也可以在本地运行编译好的应用 ..

先安装一下 pushstate-server ..

npm install -g pushstate-server

再执行一下

pushstate-server build

然后在浏览器上打开 localhost:9000

这里显示的就是为生产环境编译好的 React 应用 ...

编译生产环境的 React 应用《 React 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点