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

作为后端程序员 一直没有摸索过前端项目的打包发布，因为项目需要

这次经历一个 前端项目以及小程序的打包发布，记录一下。

 

一、前端部署

 

部署过程种一直出现node-sass 问题

https://blog.csdn.net/qwe1314225/article/details/104749866/

 

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））

并且配置 路由重写（https://www.cnblogs.com/townsend/p/12204469.html）

 

2、注意前端包的发布路径，可能需要在iis 上创建对应文件夹的虚拟目录 才能正常访问

 

 

三、小程序部署

 

编译 和上面命令一样

 

npm 编译之后，用微信开发者工具 打开编译的项目进行上传

 

本次小程序 有两种框架代码（wepy 和 uni-app（官方建议使用hbuilder 编译和打包发布））

 

hbuilder 有运行（本地编译调试，可以连接微信开发者工具进行串联使用） 和发行（推到线上）

 

微信小程序 后台管理（1、需要配置 ip 白名单 上传代码的ip 2、配置接口以及上传下载域名（必须是https的）3、可以设置体验版本）

 

如果配置的是 http的地址，需要在微信打开小程序后，找到打开i调试功能 ，这样才能正常访问本地http 接口