前端如何在本地启动一个服务，跑打包后的项目

首先在package.json文件中加入如下代码：

"build:self": "cross-env NODE_ENV=development env_config=test ASSET_PATH=/ node build/build.js",
"preview": "node build/index.js --preview"

然后安装如下插件

npm i connect
npm i runjs
npm i serve-static

然后在bulid文件夹下创建一个index.js的文件

文件代码如下：

const { run } = require('runjs')
const chalk = require('chalk')
const rawArgv = process.argv.slice(2)
const args = rawArgv.join(' ')if (process.env.npm_config_preview || rawArgv.includes('--preview')) {const report = rawArgv.includes('--report')run(`npm run build:self ${args}`)const port = 9526const publicPath = '/'var connect = require('connect')var serveStatic = require('serve-static')const app = connect()app.use(publicPath,serveStatic('./dist', {index: ['index.html', '/']}))app.listen(port, function () {console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))if (report) {console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))}})
} else {run(`npm run build:self ${args}`)
}

最后执行 npm run preview 或者 yarn preview就可以在本地启动一个服务器，跑打包后的项目

前端如何在本地启动一个服务，跑打包后的项目相关推荐

swoole 启动流程_Swoole 启动一个服务，开启了哪些进程和线程？
概述 Swoole 启动一个服务,开启了哪些进程和线程? 为了解决这个问题,咱们启动一个最简单的服务,一起看看究竟启动了哪些进程和线程? 然后结合官网运行流程图,对每个进程和线程进行归类. 服务启动后 ...
spring boot 在eclipse里启动正常，但打包后启动不起来
现象描述: spring boot 在eclipse里启动正常,但打包后启动不起来. 错误日志如下: D:\Project>java -jar MKKY_CMS.jar. ____ _ __ _ ...
maven强制刷新本地包：（用于打包后重新加载）
强制刷新本地包:(用于打包后重新加载) mvn clean install -Dmaven.test.skip=true -e -U
nodejs本地启动websocket服务，前端调用本地websocket接口调试
之前经常用nodejs启动http的本地服务调试接口,今天因为需要调试websocket所以使用nodejs启动了本地服务,分享一个本地使用nodejs启动websocket服务的方法! 启动本地的w ...
开机启动一个服务Service，启动后没有界面后台暗暗运行
原文来自:http://blog.163.com/shaocpa@126/blog/static/553577572012418103732417/ 如果开机启动一个Activity,开机首先看的界面 ...
Android11 通过adb shell 来启动一个服务
代码是添加在 ActivityManagerService 的 dump 方法里面 , 启动的这个服务是系统的一个服务. @Overridepublic void dump(FileDescript ...
Android 9.0 在init.rc中启动一个服务
现在有一个blink .bin文件,需要拷贝到/system/bin/目录下面去,然后再init.rc文件中启动该服务一.init.rc文件中启动服务 1.在init.rc文件中启动服务代码路径: ...
Android中启动一个服务,Android服务的两种启动方式
前言:Service是Android的四大组件之一,也是可执行的程序.服务是Android中实现程序后台运行的解决方案,非常适合去执行那些不需要和用户交互而且还要求长期运行的任务.Service的启动 ...
前端（以Vue为例）webpack打包后dist文件包如何部署到django后台中
由于现在前端使用的三大框架配合webpack可以实现快速打包,为部署到服务端提供了非常大的便利,那么在前端打包后,应该做些什么可以部署到django的后台中呢? 1.打包后文件包dist 进入到 di ...
本地启动wss服务链接不成功原因
1.前提是直接ws服务可以起来,但是wss用自己签的证书就不行的前提下 2.在浏览器设置允许从本机使用不安全证书:查看这里

前端如何在本地启动一个服务，跑打包后的项目

前端如何在本地启动一个服务，跑打包后的项目相关推荐

最新文章

热门文章