一、项目打包上线步骤:
1.编写好项目文件public 、src等文件
2.将以上项目生成build文件夹
npm run build
3.全局安装serve
npm i serve -g
4.对build进行打包
serve build
二、可能会出现以下报错
serve : 无法加载文件 C:\Users\wb\AppData\Roaming\npm\serve.ps1,因为在此系统上禁止运行脚本。
解决方案:
以管理员身份运行PowerShell (注意不是cmd),执行:
set-ExecutionPolicy RemoteSigned
按 ‘y’ 即可。
再重新执行第4步,完成打包!
三、补充
1:cmd与PowerShell的区别
① cmd
cmd(命令提示符)是Windows专用的;
实现用户与操作系统的直接交流,并负责用户输入的所有命令的解释和支持;
输入cmd进入的是dos系统,可以进行命令提示符操作。
② PowerShell
PowerShell是跨平台的,可以看作是cmd的升级版;
PowerShell有面向对象的管道;
PowerShell能够调用.NET的很多功能。
2:项目打包上线的作用
前端项目代码基于webpack进行打包之后,可以将以各种框架(React、vue等)搭建的项目新语法等,解析压缩为浏览器认识的最纯正的Js、css、html文件并进行兼容性语法检查等工作。
打包之后部署在服务器上快速运行,效率比打包之前快很多!一般可以通过命令推到阿里云等服务器(需购买)上运行,或者在本地可以通过俩种方式运行:1.基于nodejs的express框架运行,2.用第三方库(本文以serve为例):以指定文件夹作为服务器根目录快速开启服务器部署资源。