style域扩展

CSS预处理器

mpx支持所有主流的css预编译处理，只需要在style的lang中设置使用的预编译语言（stylus/less/sass等）并且安装对应的webpack-loader即可正常使用。

示例：

<template>
  <view class="container">
    <text class="item">123</text>
  </view>
</template>
<style lang="stylus">
.container
 padding 10px
 .item
     text-align center
</style>

rpx转换

为了处理某些ide中不支持rpx单位的问题，mpx提供了一个将px转换为rpx的功能，详情请查看mpx-loader选项