一款自动wxss转换的cli

xuexiangjys 发布于2019-08-29 18:47 / 2761人阅读

对小程序进行原生开发时，我不喜欢写wxss，我喜欢写stylus。

于是开发了这个命令行工具：wxss-transform

这里的处理就是，将stylus和css文件转换为wxss

并且启动后，会一直监听a目录

项目地址：https://github.com/tingzhong6...

安装

npm i -D|-g wxss-transform

使用

npx wxss ./src ./dist

使用前

使用后

不加参数，默认就是监听项目下./src，输出到./dist

依赖

{
    "chokidar": "^3.0.0",
    "postcss-cli": "^6.1.2",
    "postcss-mpvue-wxss": "^1.0.2",
    "stylus": "^0.54.5"
  }

其实就是把别人的转换工具，组合了一下，再监听下文件啦

有兴趣的可以玩玩这个工具看看

混合云 idc机房托管 js 数据类型的自动转换一款强大的php大马 wxss js 数据自动转换

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114569.html

一款自动wxss转换的cli

对小程序进行原生开发时，我不喜欢写wxss，我喜欢写stylus。于是开发了这个命令行工具：wxss-transform 可以将目录a进行处理，再输出到目录b 这里的处理就是，将stylus和css文件转换为wxss 并且启动后，会一直监听a目录项目地址：https://github.com/tingzhong6... 安装 npm i -D|-g wxss-transform 使用 npx ...

whidy 2019-08-23 17:18 评论0 收藏0
深入wepy源码：wpy文件编译过程

摘要：深入源码文件编译过程是腾讯开源的一款小程序框架，主要通过预编译的手段，让开发者采用类风格开发。处理好的最终会写入文件中，文件存储路径会判断类型是否为。根据上面的流程图，可以看出所有的文件生成之前都会经过处理。深入wepy源码：wpy文件编译过程 wepy 是腾讯开源的一款小程序框架，主要通过预编译的手段，让开发者采用类 Vue 风格开发。让我们一起看看， wepy 是如何实现预编译...

stdying 2019-08-22 17:08 评论0 收藏0
小程序web开发框架－weweb介绍

摘要：我们将尽快修正切换成微信开发者工具自带的编译器使用环境变量如下转换成后，会存在跨域访问接口及脱离微信环境带来的一些无法支持的问题。 weweb是一个兼容小程序语法的前端框架，你可以用小程序的写法，来写web单面应用。如果你已经有小程序了，通过它你可以将你的小程序运行在浏览器中。在小程序大行其道的今天，它可以让你的小程序代码得到最大限度的发挥，他具有以下优点：跨平台，一套代码多端运行...

codercao 2019-08-21 17:04 评论0 收藏0
小程序web开发框架－weweb介绍

摘要：我们将尽快修正切换成微信开发者工具自带的编译器使用环境变量如下转换成后，会存在跨域访问接口及脱离微信环境带来的一些无法支持的问题。 weweb是一个兼容小程序语法的前端框架，你可以用小程序的写法，来写web单面应用。如果你已经有小程序了，通过它你可以将你的小程序运行在浏览器中。在小程序大行其道的今天，它可以让你的小程序代码得到最大限度的发挥，他具有以下优点：跨平台，一套代码多端运行...

cppowboy 2019-08-05 17:56 评论0 收藏0
wn-cli 像React组件开发一样来开发微信小程序

摘要：最后的目的是能满足所有微信小程序开发者的需求，全面覆盖小程序开发。像开发一样，用开发微信小程序。项目地址：wn-cli wn-cli wn-cli 像React组件开发一样来开发微信小程序名字由来：wn -> weapp native 取第一个字母 Install npm install wn-cli --save-dev // 或者 yarn add wn-cli --dev U...

fobnn 2019-08-22 13:50 评论0 收藏0