如何打包及运行打包后的前端项目

打包项目
vscode可以选择直接点击运行build
或通过cmd 进入到项目文件运行 npm build

打包后项目内会多出一个dist文件夹
运行项目

安装 express-generator
npm install express-generator -g

安装成功后新建express文件
express expressDemo

进入expressDemo文件安装依赖
npm install

将dist文件夹内的所有文件复制粘贴到
expressDemo/public文件下（如图下

启动项目
npm start

在浏览器上打开localhost:3000进入页面

如何打包及运行打包后的前端项目相关推荐

部署前端项目的几种方案并探讨优缺点
前端部署作为大前端的知识体系的一部分,是不可或缺的.如果作为软件开发工程师的你开发了一个网站,却不会部署上线,还有请别人帮忙,那知识面确实要扩充下了.而且作为一名前端开发,避免不了与运维部署的同事调试 ...
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目参考文章: (1)vue-cli3.x正确打包项目,解决静态资源与路由加载无 ...
php打包运行不了,python,_python打包成exe格式后，在部分机子上没法运行，python - phpStudy...
python打包成exe格式后,在部分机子上没法运行使用py2exe将python脚本打包成exe格式. 生成好后,本地运行start.exe可以正常运行.但是放到其他的机子上,部分机子没法运行该e ...
VS2010 打包生成exe文件后运行安装文件出现 TODO:文件说明已停止工作并已关闭
一.VS2010 打包生成exe文件后运行安装文件出现 TODO:<文件说明>已停止工作并已关闭 TODO: <文件说明>已停止工作原因: 打包的时候在文件系统中建立了 ...
webpack打包前端项目入门
前言:在开发过程中,利用webpack可以帮我们自动把ES6语法编译成低版本浏览器能解析的JavaScript代码.下面给出webpack打包前端项目入门案例. [终端:进入项目所在目录] 1.初始化 ...
使用各种姿势舒服的部署微前端项目（上：打包与上传）
微前端作为解决巨石应用模块化和降低技术框架变动风险的神器,我觉得是当下前端发展的一大方向,可以在未来5-10年内保持生命力. 作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了 ...
【最简单】Electron 怎么将网页打包成桌面应用（web前端页面怎么生成exe可执行文件）
在 HTML5的崛起.JavaScript要一统天下之际,有一个名为[跨平台]的技术越来越火.为什么会这么火?因为软件开发者只需一次编写程序,即可在 Windows.Linux.Mac.IOS.And ...
前端项目打包优化及上线
前端项目优化及上线根据自己项目实际,进行webpack配置,这里只是一个参考,关于上线很多功能作为了解. 优化问题项目优化策略步骤及详解安装配置 1.生成打包报告=>为了直观发现项目中的问题 ...
nodejs+gulp内网前端项目代码打包解决手动清空浏览器缓存问题（一）
nodejs+gulp内网前端项目代码打包解决手动清空浏览器缓存问题项目介绍打包工具选择环境搭建使用gulp 项目介绍项目前端框架是jquery+miniUI框架,它存在不少问题,但是我们的 ...

如何打包及运行打包后的前端项目

如何打包及运行打包后的前端项目相关推荐

最新文章

热门文章