前端打包发布以及小程序发布(IIS下部署前端站点)

作为后端程序员 一直没有摸索过前端项目的打包发布,因为项目需要
这次经历一个 前端项目以及小程序的打包发布,记录一下。
 
一、前端部署
 
部署过程种一直出现node-sass 问题
 
1. 删除老的node-sass文件夹(先备份一下);
2. set SASS_BINARY_PATH=D:win32-x64-64_binding.node
3. cnpm install node-sass
 
 
 
前端项目打开后
首先观察package.json
查看打包命令
 
本次项目主要使用到了 npm install 安装好对应的 node_modules
期间经历过安装超时报错等等
可以对照错误详情查看 具体哪些包没有安装好
继续使用node install XXX
 
另外要关注node版本,因为项目时间比较久,所以当时开发版本低。我这边下载的最新版本node 一直报错,后来降级node 之后 可以正常npm install
 
 
rimraf node_modules 卸载 node_modules
 
命令不能使用 则先安装 npm install rimraf -g
 
安装好node_modules 使用node run dev 运行 node run build 编译打包
 
 二、打包生成后的html  项目文件夹在IIS 下部署
 
 1、第一次访问没问题,刷新找不到文件(需要在iis上安装url rewrite(https://blog.csdn.net/weixin_30642561/article/details/96445311))
 
2、注意前端包的发布路径,可能需要在iis 上创建对应文件夹的虚拟目录 才能正常访问
 
 
三、小程序部署
 
编译 和上面命令一样
 
npm 编译之后,用微信开发者工具 打开编译的项目进行上传
 
本次小程序 有两种框架代码(wepy 和 uni-app(官方建议使用hbuilder 编译和打包发布))
 
hbuilder 有运行(本地编译调试,可以连接微信开发者工具进行串联使用) 和发行(推到线上)
 
微信小程序 后台管理(1、需要配置 ip 白名单 上传代码的ip 2、配置接口以及上传下载域名(必须是https的)3、可以设置体验版本)
 
如果配置的是 http的地址,需要在微信打开小程序后,找到打开i调试功能 ,这样才能正常访问本地http 接口
 
 
 
 
 
 
 
 
 
 
 
 
 
 
原文地址:https://www.cnblogs.com/jayblog/p/14666563.html