摘要：背景公司小程序的技术方案采用的一直的是框架，支持组件化支持等优点，但是随着业务的增多，出现了不同环境和不同的埋点域名等一直手动切换，难免出现一些遗漏的问题，故此网上查找资料根据命令自动化打包。
背景
公司小程序的技术方案采用的一直的是wepy框架，支持组件化、promise、支持ES6/7 等优点，但是随着业务的增多，出现了不同环境、和不同的埋点域名等一直手动切换，难免出现一些遗漏的问题，故此网上查找资料根据命令自动化打包。
方案
wepy的框架有个公共的配置文件wepy.config.js文件是项目运行的时候统一的配置管理文件、相信vue、react等都有类似的配置文件，这次我们用到的是【babel-plugin-transform-node-env-inline】他的作用就是在业务代码中可以找到node的process全局对象,
然后通过我们常用的node对象中的process.env.NODE_ENV在package.json中去配置不同字段打印不同的域名判断；具体的逻辑如下：
安装依赖
查看package.json是否安装成功、wepy.config.js配置plugins
创建config文件封装公共的打包方法、抛出域名
执行不同的命令、执行不同的环境watch
参考资料：
https://blog.csdn.net/sdfujic...
https://github.com/Tencent/we...
https://www.webpackjs.com/plu...
https://www.jianshu.com/p/9c2...
https://blog.csdn.net/sdfujic...
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/99884.html
摘要：目录项目构建文件使用优化之处组件通信的使用注意事项报错记录踩坑记录项目构建官方文档地址链接项目源码地址链接项目资料地址链接简单介绍是一个微信小程序框架，支持模块化开发，开发风格类似。使用的方式请求小程序原生都将化。 目录 wepy项目构建 wepy文件使用 wepy优化之处 wepy组件通信 wepy的API使用 wepy注意事项 wepy报错记录 wepy踩坑记录 1. wep...
摘要：作为两个小程序开发框架都使用过，并应用在生产环境里的人，自然是要比较一下两者的异同点。在这里与当前很流行的小程序开发框架之一进行简单对比，主要还是为了方便大家更快速地了解，从而选择更适合自己的开发方式。 前言 前阵子，来自我们凹凸实验室的遵循 React 语法规范的多端开发方案 - Taro终于对外开源了，欢迎围观star（先打波广告）。作为第一批使用了Taro开发的TOPLIFE小程...
摘要：主要解决问题开发模式转换在原有的小程序的开发模式下进行再次封装，更贴近于现有框架开发模式。官方代码获取应用实例事件处理函数基于的实现支持组件化开发。根组件，一般都是页面父组件小程序对象子组件列表方法参数返回值说明组件初始化。 小程序框架wepy文档 Github地址 快速入门 项目创建与使用 安装wepy 以下安装都通过npm安装 安装 wepy 命令行工具。 npm install ...
摘要：描述了如何把转变成下一个。唯一的要点是当变化时需要返回全新的对象，而不是修改传入的参数。以上是纯的使用，使用起来比较鸡肋，大量被使用在项目中，封装库提供的和可以将和完美结合，使用非常方便。 @subject: wepy-redux-time-todo @author: leinov @date:2018-10-30 wepy-redux-time-todo showImg(ht...
阅读 1794·2019-08-30 13:54
阅读 2708·2019-08-29 17:27
阅读 1090·2019-08-29 17:23
阅读 3339·2019-08-29 15:20
阅读 1208·2019-08-29 11:28
阅读 1551·2019-08-26 10:39
阅读 1294·2019-08-26 10:29
阅读 621·2019-08-26 10:13
