资讯专栏INFORMATION COLUMN

一款自动wxss转换的cli

whidy / 2742人阅读

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

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

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

这里的处理就是,将styluscss文件转换为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"
  }

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

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

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

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

相关文章

  • 一款自动wxss转换cli

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

    xuexiangjys 评论0 收藏0
  • 深入wepy源码:wpy文件编译过程

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

    stdying 评论0 收藏0
  • 小程序web开发框架-weweb介绍

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

    codercao 评论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 评论0 收藏0

发表评论

0条评论

whidy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<