react/vue项目编译后,本地运行dist文件
用脚手架创建的 react / vue 项目,已经集成了webpack,只要运行命令:npm run build
或 yarn run build
项目就会编译成功,生成一个dist文件夹,现在问题来了,如何启动这个编译后项目呢。
1. tomcat
将dist文件夹里的所有文件,直接放到tomcat安装目录的\webapps\ROOT\文件夹下;
启动tomcat;
输入你的访问URL(如:http://localhost:8000)
注:若将文件放到\conf\server.xml里定义的一些docBase,不可以访问到
2. serve
-
全局安装
serve
cnpm install -g serve
-
进入dist文件夹
serve -s //默认端口5000 serve -l 2000 -s //指定端口2000
3. nginx