zoukankan      html  css  js  c++  java
  • 前端打包发布以及小程序发布(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 接口
     
     
     
     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    笔试题总结
    ubuntu 14.04 vim install youcompleteme
    c语言位域
    strcmp函数的使用
    Spring多数据源的配置和使用
    根据出生日期计算年龄的sql各种数据库写法
    BZOJ3165 : [Heoi2013]Segment
    BZOJ2725 : [Violet 6]故乡的梦
    BZOJ2851 : 极限满月
    BZOJ2837 : 小强的形状
  • 原文地址:https://www.cnblogs.com/jayblog/p/14666563.html
Copyright © 2011-2022 走看看