PhpStorm或WebStorm开发小程序

设置wxss为scss

File Types -> SCSS style Sheet 添加后缀,*.wxss


添加file watchers,处理rpx

命令部分
sed
-i "" s/"\ rpx"/rpx/g $FilePath$
$FilePath$


添加两个file watchers,处理 less 的 rpx 和 less 编译

命令部分
lessc
$FileName$ $FileNameWithoutExtension$.wxss
$FileNameWithoutExtension$.wxss


less中的 @import 用法

aaa.less 中 @import (css) "../common/common.wxss"; 会编译成 @import "../common/common.wxss"


素材过大,需要放入git管理,不过不在开发者工具上传;或忽略上传 .less 文件

修改 project.config.json 添加一个项

{
 ...,
 "packOptions": {
    "ignore": [
      {
        "type": "folder",
        "value": "asset/cdn"
      },
      {
        "type": "suffix",
        "value": ".less"
      }
    ]
  },
  ...,
}
posted @ 2019-12-25 11:13  Au_ww  阅读(701)  评论(0编辑  收藏  举报