一款开发小程序自动wxss转换的命令行工具

栏目: IOS · Android · 发布时间: 6年前

内容简介:对小程序进行原生开发时,我不喜欢写于是开发了这个命令行工具:可以将目录a进行处理,再输出到目录b

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

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

可以将目录a进行处理,再输出到目录b

这里的处理就是,将 styluscss 文件转换为 wxss

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

项目地址: github.com/tingzhong66…

安装

npm i -D|-g wxss-transform
复制代码

使用

npx wxss ./src ./dist
复制代码
  • 使用前
一款开发小程序自动wxss转换的命令行工具
  • 使用后
    • 不加参数,默认就是监听项目下 ./src ,输出到 ./dist
一款开发小程序自动wxss转换的命令行工具

依赖

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

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

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

美工神话

美工神话

聂小燕、赵秋轶 / 人民邮电出版社 / 2006 / 52.00元

本书是一本专门针对网页美工设计的图书,全面、细致地介绍利用 Dreamweaver 8 和 Photoshop CS2 进行创意和设计的具体方法和步骤。 全书共分为4篇12章,在阐述网页色彩设计和风格创意的基础上,以生动的实例引导读者全面地掌握 Photoshop 网页元素设计与 Dreamweaver 网页布局美化。书中涉及了诸多网页美化所必须掌握的知识点,比如色彩知识,风格创意,网页规划......一起来看看 《美工神话》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试